"Front-end Advanced 01" uses @font-face to define and use your favorite fonts

(1) Effect description

Use the station cool high-end black font.

(2) Core code

@font-face{font-family:zcool;src:url ('.. /font/zcool.ttf ');} div{/* use font */font-family:zcool;}

(3) Use of experience

TTF fonts are supported for--IE11, Chrome, Firefox, Safari, and opera. IE6 does not support TTF, but supports EOT fonts.

--Not if you write the following style. The following will overwrite the previous one, that is, the font introduced by the last URL is in effect, so if you want to do it, you may need to use if Lt IE8 to make a decision.

Src:url ('.. /font/zcool.eot '), url ('.. /font/zcool.ttf ');

--eotfast tool: Convert TTF font to EOT font.

"Front-end Advanced 01" uses @font-face to define and use your favorite fonts