@font-face src: local – How to use the local font if the user already has it?

by

If you want to check for local files first do:

@font-face {
font-family: 'Green Sans Web';
src:
    local('Green Web'),
    local('GreenWeb-Regular'),
    url('GreenWeb.ttf');
}

There is a more elaborate description of what to do here.

More Related Contents:

  1. Using custom fonts using CSS?
  2. Are eot, ttf, and svg still necessary in the font-face declaration?
  3. CSS @font-face not working with Firefox, but working with Chrome and IE
  4. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  5. Why is @font-face throwing a 404 error on woff files?
  6. Wait for fonts to load before rendering web page
  7. Why should we include ttf, eot, woff, svg,… in a font-face
  8. @font-face EOT not loading over HTTPS
  9. @font-face anti-aliasing on windows and mac
  10. @font-face works in IE8 but not IE9
  11. CSS @font-face absolute URL from external domain: fonts not loading in firefox
  12. CSS @font-face – what does “src: local(‘☺’)” mean?
  13. Multiple font-weights, one @font-face query
  14. Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream
  15. Fallback fonts on special characters
  16. CSS @font-face not working in IE8
  17. font-face with wrong MIME type in Chrome
  18. Internet Explorer @font-face is failing
  19. Non-Standard fonts in web?
  20. On IE CSS font-face works only when navigating through inner links
  21. Using @font-face with Rails 3.1 app?
  22. Downloadable font on firefox: bad URI or cross-site access not allowed
  23. Fix custom font line-height with CSS
  24. Center an element in Bootstrap Navbar
  25. Offset a background image from the right using CSS
  26. How to stick a footer to bottom in css?
  27. pure CSS multiple stacked position sticky?
  28. Offsetting columns is not working (Bootstrap v4.0.0-beta)
  29. Filling water animation
  30. What is caret symbol ^ used for in css when selecting elements?

Leave a Comment