PDA

View Full Version : @font-face?



MagicMan
May 31st, 2016, 12:21 AM
Hey guys, I have a quick question about fonts. Could someone explain what the difference is between @font-face and using sites such as google.com/fonts? Also which is better and why?
Any advice would be great, thanks :)

VIPStephan
May 31st, 2016, 12:43 AM
Google fonts are also just embedded with the font-face at-rule. The difference is that you don’t host the fonts on your own server but Google serves them for you. As with all cloud-based solutions it has advantages and drawbacks. Using the fonts from a third-party CDN saves you server resources (file transfer rate) and might serve them quicker because of distributed storage. However, you don’t “own” the fonts and seize control to a third party, and your configuration options are usually limited. If Google is down (or you are developing a website locally without internet connection) the fonts won’t show up on your website. Hosting the fonts yourself gives you full control over them including the subset you want to use (e. g. you usually don’t need all characters that a font contains, so by subsetting you can save file size and bandwidth for that matter).

MagicMan
May 31st, 2016, 10:44 PM
Thanks for your answer, that clears things up :)