东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
26
2023/08

CSS如何引入與使用外部字體

發(fā)布時(shí)間:2023-08-26 15:32:36
發(fā)布者:MaiMai
瀏覽量:
0

我們都知道css中的font-family屬性是用來規(guī)定元素的字體系列的屬性,可以指定一個(gè)元素的字體。但我們要設(shè)置的字體形式必需是在Windows字體庫(kù)中有的,否則不會(huì)生效。假若我們想使用外部字體,如何讓這種字體在客戶的瀏覽器中正常顯示呢?

首先需要在電腦上下載有關(guān)字體的安裝包,以.otf或.ttf為后綴的,具體請(qǐng)自行下載。

接著我們需要在index.vue同級(jí)建立一個(gè)font文件夾,將下載好的字體文件放到font文件夾下。

引入安裝包

然后,在你需要使用自定義字體的頁面引入該字體。推薦在公共樣式中寫入。

引入字體樣式

接著只需要給全部頁面設(shè)置該字體屬性即可。

字體屬性修改

若只想給一部分文字設(shè)置該字體屬性,給要修改字體的類名設(shè)置樣式即可。

DOM結(jié)構(gòu)

具體類名修改樣式

關(guān)鍵詞:
返回列表