=declare-font-face($font-family, $font-filename, $font-weight: normal, $font-style: normal, $font-stretch: #. Or If u are using SASS, here's a good mixin: //. As with any shorthand property, any individual value that is not specified is set to its corresponding initial value (possibly overriding values previously set using non-shorthand properties). Alternatively, it sets an elements font to a system font. Sets the font-size to a smaller size than the parent element: Play it larger: Sets the font-size to a larger size than the parent element: Play it length: Sets the font-size to a fixed size in px, cm, etc. +declare-font-face('Open Sans Light', 'OpenSans-Light-webfont', 200)Ĭonditional Comments in IE only work for up to IE9! SASS mixin The font CSS shorthand property sets all the different properties of an elements font.
#Css font explorer windows 8.1
With this you will get a class name on the body tag with the current name and version of the browser also with the used OS.įor example on Windows 8.1 with the latest ie you will see: If you want to add style or define CSS which works for all the web browsers except Internet Explorer. Add Stylesheet for All Browsers Except Internet Explorer. Using the font-family names in your CSS The Web Projects page lists the CSS font-family name, numerical weight, and font style for each font in the project. Simple solution, just use this JS library and you can easily apply styles for every browser/os combination: The above stylesheet works only for the Internet Explorer browser and there is no effect on the other browsers like Chrome, Mozilla, etc. CSS selectors tell the browser where to apply the web fonts you're using, as well as the weight and style of the font to use for the text. For browser specific css files I would recommend: