kangu / HTML-Sheets-of-Paper

Emulating real sheets of paper in web documents (using HTML and CSS)

Sheets of Paper

Emulating real sheets of paper in web documents (using HTML and CSS)

Live demo: Try printing the page

Paper sizes

• A4 (21cm × 29.7cm) — sheets-of-paper-a4.css
• A3 (29.7cm × 42cm) — sheets-of-paper-a3.css
• US Letter (21.6cm × 27.9cm) — sheets-of-paper-usletter.css
• US Legal (21.6cm × 35.6cm) — sheets-of-paper-uslegal.css
• US Tabloid (27.9cm × 43.2cm) — sheets-of-paper-ustabloid.css

Printing

Chrome

• Change the Destination to Save as PDF.
• Make sure the Paper size is set to the one defined in your CSS.
• From the Margins list, choose None to prevent the browser from overriding our CSS.
• In the Options section, uncheck Headers and footers and check Background colors and images.

Third-party components

• Open Sans — Steve Matteson (via Google) — Apache License 2.0

License

Copyright 2014 www.delight.im <[e-mail]>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

  http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.