博客園美化，如何在博客園中外掛字體 Lebal：Research

有時候我們會遇到想要的字體但是在博客園中沒有辦法選擇的情況，這個時候可以選擇外掛字體，示例代碼（插入Klavika字體並將其命名爲KlavikaRegular）如下

@font-face{
    /*將插入的字體命名爲KlavikaRegular*/
    font-family:KlavikaRegular; 
    /*以下幾行都是插入字體的鏈接，包含各種格式*/
    src:url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-RegularCond.otf);
    src:url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.eot);
    src:url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.eot?#iefix) 
    format("embedded-opentype"),url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.woff) 
    format("woff"),url(https://jobs.amd.com/sites/amd/css/fonts/Klavika-Condensed.svg) format("svg")
}

字體效果如下，也可點擊圖片前往AMD官網查看效果，本字體僅限英文，如果需要添加中文字體，請查看筆者另一篇博客：文件分發服務器，並用其中的字體鏈接替換上述代碼中的鏈接

 

 

 考慮到受衆人羣，本教程手把手教到位

使用方法

插入外掛字體代碼

具體訪問將以上代碼粘貼到博客園-設置-頁面定製CSS代碼即可

 

 

 

修改文字的字體

先找到你想修改的段落，可以是標題，引用欄，凡是可以選擇的文字都可以修改（此處請先下載chrome瀏覽器或者使用了Chromeium內核的瀏覽器，例如UC瀏覽器）

單擊目標對象空白處，添加代碼font-family:KlavikaRegular;

然後選擇該元素所有的代碼，複製

粘貼到這裏的下方，點擊保存，再刷新博客園頁面，就可以發現字體已經被修改好了