: How to Conditionally Load @Font-Faces via CSS3? Curerntly, when you use a beautiful font, like for example the multiligual Calibri fotn (a win7 font), then it even downloads eventhough a user
Curerntly, when you use a beautiful font, like for example the multiligual Calibri fotn (a win7 font), then it even downloads eventhough a user has the font already installed, when i use the following css:
@charset "utf-8"; @font -face {
font-family: Calibri;
src: url('http://blabla.com/calibri.eot')
}
However: this font is 400 kb gzipped, and i would like it to ONLY download, if the font is NOT present or installed by that name / family name, right?
Question: Is this possible to setup a neat conditional rule for this, for modern browsers (say IE8+, Firefox 3+ etc). How to implement it? Thanks for any and all clues!
More posts by @Megan663
1 Comments
Sorted by latest first Latest Oldest Best
You can do it like this:
@font -face {
font-family: Calibri;
src:
local('Calibri'),
url('http://blabla.com/calibri.eot');
}
Source and more detailed explanation.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.