Breaking News: Grepper is joining You.com. Read the official announcement!

Paul Irish’ Bulletproof @font-face syntax

Seb J-Junior answered on September 7, 2022 Popularity 1/10 Helpfulness 1/10

answer Paul Irish’ Bulletproof @font-face syntax

Paul Irish’ Bulletproof @font-face syntax

Comment

Paul Irish is a developer who has crafted a syntax for @font-face so it works well across different browsers. Here is a link to his post “Bulletproof @font-face syntax” where you can read about the snippet in greater detail.

In short, his snippet makes sure that you are not loading the visitor’s local font but the one you provided. This is to ensure that the correct and desired font will be shown – visitor may have a different font by the same name on their computer. Additionally, his code loads all of the various font types so that all of the browsers have their selected type to show.



@font-face {
    font-family: 'Graublau Web';
    src: url('GraublauWeb.eot');
    src: local('?'),
        url("GraublauWeb.woff") format("woff"),
        url("GraublauWeb.otf") format("opentype"),
        url("GraublauWeb.svg#grablau") format("svg");
 
    font-weight: normal;
    font-style: normal;
}

Popularity 1/10 Helpfulness 1/10 Language css

Source: designmodo.com

Tags: bulletproof css syntax

Link to this answer
Share Copy Link

Contributed on Sep 07 2022

Seb J-Junior

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Paul Irish’ Bulletproof @font-face syntax

Contents

More Related Answers

Paul Irish’ Bulletproof @font-face syntax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.