![]() ![]() This technique can be used to access features such as old style figures, small caps, slashed zeros, fractions, swashes, and more. ![]() An additional CSS property named font-feature-settings can be used to access additional features of an OpenType font. Web browsers will use the default glyph characters when applying the font to the text. In a web browser, the H1 tag is rendering using the web version of that font from Typekit. In the example above, the H1 tag is being specified to use the font family of Bickham Script Pro 3. Cascading Style Sheets (CSS) includes support for accessing alternate glyphs available in a font. Your web pages can also benefit from the advantages of OpenType. Experiment with different glyphs to see if any of the alternatives enhance your design. In the example above, selecting the D at the end of “Vineyard,” then hovering over the selection provides a whole series of alternate glyphs available in Bickham Script Pro 3 for a lowercase letter D. There’s also a small arrow that will open the full Glyphs panel for further exploration. With some text selected in a text box, OpenType fonts will trigger a miniature Glyph panel that shows you alternate glyph options based on your selection. In addition to the Glyphs panel, InDesign, Photoshop, and Illustrator also provide contextual Glyph substitution while editing your content. ![]() The font example above shows “The” and “in” in conjunction with a stylized graphical bar. In some cases, fonts may contain artwork and alternate lockups for words or phrases. There are quite a few filterable options available, including swashes, currency, special symbols, and discretionary ligatures. A dropdown menu at the top of the panel allows you to filter the glyphs based on type. Once you have applied an OpenType font to your text, select a few characters, then open the Glyphs panel to explore extra features of the font. The OpenType format allows for a font to contain up to 65,536 glyphs! That’s an incredible number of possibilities for designers to take advantage of - maybe too many? Thankfully, Adobe InDesign, Illustrator, and Photoshop provide us with a Glyphs panel that allows us to browse, filter, and select the exact glyph we’re looking for. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |