Summarize the pros and cons of using the “web fonts” @font-face property. Link to/show examples of @font-face “Web fonts” in use on websites.
Using “web fonts” allows you to access to more fonts than just the known list of web-safe fonts. Also someone using the same web fonts for their online work would not have to worry about inconsistency because they would have the same web fonts for everything. It would be much easier for someone to edit their text later on if they were using web fonts compared to if they were using graphics. Live text or text hand-written in code loads faster on computers than if someone were to use cool looking graphics that had text overlaid on top of them.
(fig. 11-6, Type Rules)
One last pro is that live text will appear when it is being searched in a search engine compared to text as graphics which do not yield any results if being searched.
There are, however, cons to using web fonts. Some examples of cons are: the look of the font or how it will end up appearing onscreen depends on the font itself, which browser someone is using, and the version of the font you are using. Also, the web fonts can look different depending if someone is using a Mac or a PC. Another con is that the font may not be a good choice in different instances when you are web designing. Lastly, text performance is not as dependable as display or headline type.
Resources and examples of websites using “web fonts”: