Sometimes we want to encounter the font in the blog but no way to choose the garden situation, this time you can choose the font plug-in, sample code (insert Klavika font and name it KlavikaRegular) as follows
font-face {@
/ * insert the name of the font * KlavikaRegular /
font-Family: KlavikaRegular;
/ * insert the following lines are font link includes a variety of formats * /
src: url (HTTPS: // Jobs. amd.com/sites/amd/css/fonts/Klavika-RegularCond.otf);
the src: URL (https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.eot);
the src: URL (https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.eot?#iefix)
the format ( "Embedded-OpenType"), URL (https://jobs.amd.com/ sites / AMD / CSS / Fonts / Klavika-Condensed.woff)
the format ( "WOFF"), URL (https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.svg) the format ( " SVG ")
}
Font effects as follows can also visit AMD official website Click on the image to see the effect of this font in English only, if you need to add Chinese font, please see the author another blog: file distribution server, and replace the link above code with which fonts link
Considering the audience crowd, this tutorial taught in place
Instructions
Insert plug-in font code
Access to more specific code into the blog park - set - page custom CSS code can
Modify the text font
First find the passage you want to modify, the title can be referenced column, you can select all of the text can be modified (here please download chrome browser or use Chromeium browser kernel, such as UC browser)
Click the target object is an empty space to add code font-family: KlavikaRegular;
Then select all the code elements, replication
Paste it into the bottom here, click Save, and then refresh the blog garden page, you can find a good font has been modified
