css可以引入兩個font face嗎

1樓：育知同創教育

一個css 可以引入兩個font-face第一個是指定字型：

.youclass

此處 font-family 指定字型為文鼎pop ，但電腦上沒裝文鼎pop 字型的人看網頁，將看不到這個字型效果，任看到電腦上預設的宋體或微軟雅黑體，因此針對中文作業系統來說：為保證網頁效果，通常只能指定：宋體、黑體、微軟雅黑之類的系統上預設自帶的字型。

第二個 font-face 的用法是載入一個字型：

@font-face

將文鼎pop 的 .eot 格式檔案傳到伺服器上，然後用 font-face 載入到網頁中，別人電腦沒裝這個字型，但用 font-face 載入後同樣能在網頁上顯示出文鼎pop的效果。

font-face 這個方法對中文網頁並無多大作用，可以不用關心這個用法，一是多數中文字型並沒有專門設計eot格式，二是中文字型動則10m甚至更大，在網頁中載入，等待時間太長，只會引起瀏覽者不爽。英文就不一樣了，26個字母大小寫也才52個+數字符號之類的在裡面，檔案也才幾十k，動態載入完全沒問題。

2樓：工匠、阿童木

@font-face

直接申明兩次試試

3樓：我命如天不如妖

可以的，但是font-family的名稱不能相同

vue.js裡面怎麼引入font-icon

4樓：育知同創教育

vue.js中引入font-icon的方法和普通icon是一樣的。

比如：1、建立一個module：

module:

loaders: [

# 這裡設定載入項

]2、載入後設定icon的載入時機：

postloaders: [

]3、**時的載入

callbackloader:

require("vue-icons/icon-loader")(["fa-thumbs-up"])

注意：vue-icons是一個專門存放icon的資料夾，到時候把font-icon放進去就可以載入了。