Widespread browser support for
@font-facehas done wonders for web typography, allowing us the freedom to use custom fonts wherever we want. But different fonts are not the whole story with web typography. There are other things that the web has long been weak at, such as proper hyphenation of long words, and usage of open type font features such as ligature and stylistic swashes that often get locked away inside font files and never see the light of day.
In this article we will look at some of these new CSS font features.
This entry is part 2 of 3 in the series How to Use Cross Browser Web FontsIntroduction In part 1 of my article (http://www.sitepoint.com/how-to-use-cross-browser-web-fonts-part-1/) I introduced web font syntax, looking at how basic @font-face and font-family syntax can work together to embed custom fonts on your web pages, and the slightly more complex cross browser […]
This entry is part 1 of 3 in the series How to Use Cross Browser Web FontsGreetings, readers! This week I’m exploring web fonts, looking at the best way to use custom fonts on your site across browsers. I’m going to start with some basic explanations so we all know what we’re talking about, then […]
Intro A great deal of the charm of CSS level 3 (CSS3) comes from the ability of its various features to cut down on background images and Photoshop muscle flexing, allowing us to programmatically create many of our graphic requirements instead. This brings with it many advantages – time saved, less HTTP requests and file […]