2016-07-03 75 views
0

我想知道我如何允許新的字體來更改我的draggable裏面的文本我只能使用「舊」字體(標準字體)更改字體我想使用「新字體「像教父,Chlorinar,蜈蚣廠,EXC我如何添加這些字體到我的網站,而不讓用戶下載他們不同的字體添加到網站

<select id="fs"> 
 
    <option value="Agency FB" style="font-family: 'Agency FB'">Agency FB</option> 
 
    <option value="Algerian" style="font-family: 'Algerian'">Algerian</option> 
 
    <option value="AR Berkley" style="font-family: 'AR Berkley'">AR Berkley</option> 
 
    <option value="Earwig Factory" style="font-family: 'Earwig Factory'">Earwig Factory</option> 
 
</select>

+0

你的問題到底是什麼? –

+0

如何在網頁中添加像earwig工廠字體這樣的新字體 – barronzavala

+1

在CSS中查找'@ font-face' –

回答

0
@font-face { font-family: SF-UI-Display-Ultralight; src: url('fonts/SF-UI-Display-Ultralight.otf'); } 

以上是添加字體的例子在CSS中。當然指向實際的字體文件。

font-family: SF-UI-Display-Ultralight; 

然後,你可以添加到你的CSS,你應該是好的。請注意,您不能更改選項標籤的字體。我認爲MAYBE Firefox支持它,但大多數瀏覽器不支持。