這篇文章主要介紹“怎么使用CSS3設(shè)置字體樣式”,在日常操作中,相信很多人在怎么使用CSS3設(shè)置字體樣式問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么使用CSS3設(shè)置字體樣式”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
成都創(chuàng)新互聯(lián)是一家專業(yè)提供寒亭企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、H5開發(fā)、小程序制作等業(yè)務(wù)。10年已為寒亭眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進行中。
font-family 屬性
font-family 是最基本的字體屬性之一,它定義了文本結(jié)構(gòu)采用的字體名稱。這種屬性可以接受一系列采用決策的字體名稱。它包括被稱為“萬能字體”的字體名稱。設(shè)置方法如下:
font-family: "Times New Roman", Georgia, Serif;
在上面的例子中, 首先會嘗試加載 "Times New Roman" 這個字體, 如果該字體無法加載,就嘗試加載 Georgia,再次無法加載就會加載默認的Serif字體。
font-style 屬性
font-style 屬性用于設(shè)置文本的字族樣式。CSS3單獨提供了斜體字的特性。當設(shè)置該屬性值為 "italic" 時,文本就會被以斜體展示。設(shè)置方法如下:
font-style: italic;
font-weight 屬性
font-weight 屬性用于定義文本的粗細。基于設(shè)備的字體,可能會支持一組不同的"粗細",并且具體的實現(xiàn)會有所不同。常用的設(shè)置值有 normal、bold 和 bolder。設(shè)置方法如下:
font-weight: bold;
font-size 屬性
font-size 屬性用于定義文本的文本大小。字號可以以像素、em或百分比的形式表示。像素是固定的管道,它們不會隨著宿主容器的改變而改變。該屬性值可以用數(shù)值線、相對值、絕對值三種方式定義。設(shè)置方法如下:
font-size: 16px;
font-variant 屬性
font-variant 屬性用于定義字母的大小寫字樣式。將該屬性值設(shè)置為 "small-caps" 可以使字舒適。設(shè)置方法如下:
font-variant: small-caps;
font 屬性
在一些情境中,你可能需要同時設(shè)置字體的多個屬性,例如字體大小、字體、粗細和字體樣式。這時候你可以直接使用 font 屬性,把這些屬性分別用斜桿"/"分割開,設(shè)置方法如下:
font:italic bold 16px Arial, sans-serif;
在上面的例子中, 文字采用了斜體樣式、粗體、16像素的字體大小,字體家族包括 Arial 以及后備 sans-serif 字體。
到此,關(guān)于“怎么使用CSS3設(shè)置字體樣式”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網(wǎng)頁題目:怎么使用CSS3設(shè)置字體樣式
網(wǎng)頁URL:http://chinadenli.net/article0/geoooo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、手機網(wǎng)站建設(shè)、網(wǎng)站排名、移動網(wǎng)站建設(shè)、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)