search

TypeNetwork / variable-fonts-info-site

A brochure website to demonstrate the benefits of variable fonts
https://variablefonts.typenetwork.com
Apache License 2.0
36 stars 12 forks source link

Overview Examples Illustrations. #74

Open dberlow opened 5 years ago

dberlow commented 5 years ago

The enclosed pdf is a rough of an addition to the Overview Examples.

There are two thumbnails, I hope can be done by scaling the web code and removing all the links, or just a graphic is fine.

The captions are available in text below.

  1. Example Compositions are shown for each topic being documented, showing the appearence at your portal size, in your browser, and indirectly what each example looks like in responsive design, by comparing the appeare Overview:Examples.pdf nce of the examples on multiple devices.

  2. Example Composition is also linked to the same composition’s HTML and CSS, so the user can experiment on the page in your portal size, browser, and device, and also to compare the code of examples across devices to see how responsive typography can be enhanced with variable fonts.

ghost commented 5 years ago

Added an experimental mini-me live rendering of the site as described. Pondering the best way to "disable" all the interactivity of it.

https://variablefonts.typenetwork.com/topics/overview/examples

dberlow commented 5 years ago

Can we just do a graphic of this like the pdf for now?

The top illustration would be the same, the bottom illustration would need to be updated bfor the new way of centering the sample.

ghost commented 5 years ago

Added static screenshots. I have not implemented the side-by-side captioning style, let me know if that is critical.