如何在集合中下載字體時實現谷歌字體？

我想用兩個谷歌的字體，但我擔心的是，添加了這種方式：如何在集合中下載字體時實現谷歌字體？

<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

可能比收集下載字體較慢（性能）...

所以我下載兩種字體的集合，但我有疑問，我怎麼能在我的網站來實現......

也許我只需要插入的CSS文件夾中的兩個集合，比head

<link href='https://path/css/font/ ???????' rel='stylesheet' type='text/css'>

加

，但我不知道我有什麼文件，當我在收集下載PT Sans，該文件夾中我有這些文件...在路徑鏈接，例如：

我希望你能幫助我瞭解更多..

非常感謝和抱歉，我的英語水平

來源

2016-02-25 Borja

直接讓你在CSS文件中的字體。

@font-face { 
    font-family: myFirstFont; 
    src: url(font1.woff); /* specify the path of your font location*/ 
}

對下一個字體重複此操作。

@font-face { 
     font-family: myFirstFont; 
     src: url(font2.woff); /* specify the path of your font location*/ 
    }

來源

2016-02-25 18:18:26 CodeRomeos

你的意思是「你的字體位置的路徑」？有文件夾的文件夾路徑（見第一篇文章中的圖片），我已經下載？ – Borja

否。這意味着如果您的style.css位於CSS目錄和字體目錄中的字體，那麼路徑將類似於src：'url（../ Fonts/font2.woff）;' – CodeRomeos

你確實需要更多的字體文件。

如果您只需打開從谷歌服務器上的文件...

https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic

...你看它是如何做。

您可以鏈接CSS文件中的字體文件 - 而不是鏈接元素。

來源

2016-02-25 18:20:34

假設你希望你的字體內部文件夾中的本地加載不是外部來源：

添加folliowing到你的代碼在<style>標籤：

@font-face { 
    font-family: 'PT_Sans'; 
    font-style: Regular; 
    src: url('../fonts/PT_Sans-Web-Bold.ttf'); /* IE9 Compat Modes */ 
    src: local('PT Sans'), local('PT_Sans'), 
    url('../fonts/PT_Sans-Web-Regular.ttf') format('truetype') 

}

或者你也可以在外部引用它一個CSS文件。

來源

2016-02-25 18:30:46 d1sciple

如何在集合中下載字體時實現谷歌字體？

回答

相關問題