38 private links
The more your website resembles an application over a document, the more global typography styles become a pain to build upon. Even heavily content-based websites seem more like an app in the modern world of responsive design. The solution? Just scope typographic styles:
.text h1 {...}
.text p {...}
Analyze fonts on a website. Enter a website adress and get a list of fonts from the website font analyzer.
certainlyakey starred bobtherobot/OswaldFont
Symbolset makes icons meaningful, easy, and accessible.
Embracing the fluid & flexible aspect of responsive web design was an easy decision, but I’ve been less sure-footed when it comes to balancing that with setting type on the web.
Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers. Unlike other text-fitting tools like FitText.js, Font‑To‑Width does not scale the font-size (at least not by default). Instead, it chooses a width or weight variant according to what fits best, and then allows for letter- and word-spacing adjustments as needed.
As one of the core design principles, typography can really make or break a website design. Despite recent advances in web type technology we’re still fairly limited when it comes to creative typography layouts, meaning image replacement techniques are still common, but these days we have massive choice when it comes to selecting fonts for our designs. This post showcases 40 website designs that all feature beautiful typography in a creative way, this might be through elegant typographic layouts or perfectly typeset combinations of styles to create visually pleasing pages.
The British Film Institute presents the best global cinema on-demand:
From classic and contemporary films to the best of the BFI National Archive.
Creating great typeface combinations is an art, not a science. Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results. Today we will take a close look at some the best practices for combining typefaces — as well as some blunders to avoid.
Every element on a web page exerts a visual force that attracts the eye of the viewer. The greater the force, the more the eye is attracted. These forces also appear to act on other elements, imparting a visual direction to their potential movement and suggesting where you should look next.
Геррит Ноордзей — выдающийся голландский шрифтовой дизайнер, типограф, теоретик и педагог. С 1960 по 1990 год руководил курсом шрифтового дизайна в Королевской академии искусств в Гааге. В книге «Штрих. Теория письма» суммированы результаты практических занятий Ноордзея и его учеников в академии. Знаменитая теория письма охватывает ряд важных для шрифтового дизайна постулатов — от понятия белого пространства в слове до подробного разбора движения штриха с математической точки зрения. Впервые опубликованная в 1985 году в Нидерландах, книга была переработана автором в 2005 году и с тех пор переведена на английский, французский, итальянский, испанский и другие языки. В 2013 году книга вышла в переводе Ирины Смирновой в издательстве Дмитрия Аронова. С его любезного согласия мы публикуем фрагмент из книги — первую главу «Белое пространство в слове».
A comprehensive guide to the anatomy of type.
По технологии и истории письма существует обширная литература на русском языке, большая часть которой ныне доступна в сети. Их можно найти на http://rutracker.org по соответствующим запросам или для ознакомительных целей скачать здесь (и стереть после ознакомления!). Купить же многие из них уже затруднительно, в силу давности их издания, но этот пробел может восполнть сайт alib.ru, где я приобрёл некоторые из нижеперечисленных.
An independent archive of typography.
I like to enter the base font size of my body content. Then I select from the surrounding values for headers and small copy.
There are no rules. Just experiment and have fun. Try using the values for line-height, margins or whatever, and see what works.
The tool to establish a typographic system with modular scale and vertical rhythm.
There are over 650 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25x52 initiative, this collaborative, ongoing project offers inspiration for using Google’s font library.