Web designers have been restrained to creating websites with standard, web-safe fonts to ensure compatibility across different browsers. Luckily, now web fonts are easy to use and just as compatible. They allow us to use unique fonts for blog headlines, regular page content, and other text. Even elements that would have used images can now use web fonts, which helps search engines find websites, and creates cleaner, more semantic markup on the backend. Another awesome feature is that since they are embedded, we can use regular CSS styles on them, like we would with any other text.
Three Reasons To Use Web Fonts
Using the same plain fonts that have been used for years just doesn’t cut it anymore, and there has been a rise in web design to use more interesting fonts. Standard web safe fonts are still great for large blocks of content, but headers call for cleaner and better designed fonts. It’s also great for designers. We can have more creative freedom which brings more variety to the design.
Search engines find content and prioritize it on a web page based on the tags they’re in, hence why proper semantics are important. Header tags will take on much more leverage than the alt tag of an image, so it’s pretty easy to see why using font embedding for headlines, blog post titles, and other important pieces of content can be better off in a header tag, rather than used as an image.
Ease of Use
Get the font(s) of your choice set up during the development process, and enjoy lighter maintenance later. No need to create custom images for headers, sliders, etc. The content can be changed easily, which is great for updates on your end, and ease of use on a client’s end.
Stay tuned for a future post that touches on Web Font Formats.