国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS引入外部字體方法，附可用demo

wangbinke / 349人閱讀

摘要：有時(shí)候我們做的頁(yè)面需要用到一些更好看的字體又不想用圖片代替，圖片會(huì)影響加載速度則使用外部字體來(lái)顯示但是直接通過(guò)又不一定全部都行這就需要我們?cè)谥羞M(jìn)行定義并且引入字體文件路徑然后再使用外部字體直接上代碼引用外部字體里客云資源站其中替換為

有時(shí)候我們做的頁(yè)面需要用到一些更好看的字體
又不想用圖片代替，圖片會(huì)影響加載速度
則使用外部字體來(lái)顯示
但是直接通過(guò)font-family又不一定全部都行
這就需要我們?cè)赾ss中進(jìn)行定義并且引入字體文件路徑
然后再使用外部字體

直接上代碼：
font.html




    
    CSS引用外部字體
    



里客云資源站


www.likeyunba.com

font.css

@font-face {
 font-family: "fontnameRegular";
 src: url("fontname.eot");
 src: local("fontname Regular"),
        local("fontname"),
        url("fontname.woff") format("woff"),
        url("fontname.ttf") format("truetype"),
        url("fontname.svg#fontname") format("svg");
}  
/*其中fontName替換為你的字體名稱*/
h1{font-family: fontnameRegular}

字體文件下載：
https://pan.lanzou.com/i0jon3e

其中上面的font.css
fontname代表字體文件名的名稱
例如你的字體文件是heiti.ttf
那么上面的
fontname全都要改為heiti

OK，引入之后的效果
看得出來(lái)是已經(jīng)發(fā)生改變了！
里客云資源站
http://www.likeyunba.com
技術(shù)交流群請(qǐng)加微信：likeyunba520

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/51856.html

相關(guān)文章

  • CSS引入外部字體方法，附可用demo

    摘要：有時(shí)候我們做的頁(yè)面需要用到一些更好看的字體又不想用圖片代替，圖片會(huì)影響加載速度則使用外部字體來(lái)顯示但是直接通過(guò)又不一定全部都行這就需要我們?cè)谥羞M(jìn)行定義并且引入字體文件路徑然后再使用外部字體直接上代碼引用外部字體里客云資源站其中替換為 有時(shí)候我們做的頁(yè)面需要用到一些更好看的字體又不想用圖片代替，圖片會(huì)影響加載速度則使用外部字體來(lái)顯示但是直接通過(guò)font-family又不一定全部都行這就需...

    mudiyouyou 評(píng)論0 收藏0

  • 前端筆記之CSS（上）

    摘要：宋體注意使用某種特定的字體系列宋體完全取決于用戶機(jī)器上該字體系列是否可用這個(gè)屬性沒(méi)有指示任何字體下載。但是記住，最終選擇上的是最后的那個(gè)后代元素。 層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)...

    番茄西紅柿 評(píng)論0 收藏0

  • jQuery+PHP實(shí)現(xiàn)點(diǎn)擊按鈕加載更多，不刷新頁(yè)面加載更多數(shù)據(jù)！附：可用源碼+demo

    摘要：注意，里面需要引入庫(kù)，自己可以去網(wǎng)上下載這個(gè)壓縮版的。下面是數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)賬號(hào)，密碼，地址這個(gè)根據(jù)自己的開(kāi)發(fā)配置填，我的代碼里面，數(shù)據(jù)庫(kù)名為，表名為下面是結(jié)構(gòu)截圖就這么多了很簡(jiǎn)單吧本教程由里客云資源站提供 先上效果：showImg(https://segmentfault.com/img/bV37XZ?w=294&h=592); 剛打開(kāi)頁(yè)面的時(shí)候，只顯示部分?jǐn)?shù)據(jù)，點(diǎn)擊加載更多的時(shí)候，就會(huì)...

    LeoHsiun 評(píng)論0 收藏0

  • jQuery+PHP實(shí)現(xiàn)點(diǎn)擊按鈕加載更多，不刷新頁(yè)面加載更多數(shù)據(jù)！附：可用源碼+demo

    摘要：注意，里面需要引入庫(kù)，自己可以去網(wǎng)上下載這個(gè)壓縮版的。下面是數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)賬號(hào)，密碼，地址這個(gè)根據(jù)自己的開(kāi)發(fā)配置填，我的代碼里面，數(shù)據(jù)庫(kù)名為，表名為下面是結(jié)構(gòu)截圖就這么多了很簡(jiǎn)單吧本教程由里客云資源站提供 先上效果：showImg(https://segmentfault.com/img/bV37XZ?w=294&h=592); 剛打開(kāi)頁(yè)面的時(shí)候，只顯示部分?jǐn)?shù)據(jù)，點(diǎn)擊加載更多的時(shí)候，就會(huì)...

    Ashin 評(píng)論0 收藏0

  • PHP+AJAX實(shí)現(xiàn)賬號(hào)注冊(cè)和登陸，附可用demo

    摘要：前言登陸和注冊(cè)已經(jīng)是網(wǎng)站的標(biāo)配了，所以這是我們開(kāi)發(fā)學(xué)習(xí)過(guò)程中必學(xué)的了。其實(shí)很容易實(shí)現(xiàn)，只需要懂?dāng)?shù)據(jù)庫(kù)的增刪改查，還有的條件語(yǔ)句即可做出來(lái)。 前言 登陸和注冊(cè)已經(jīng)是網(wǎng)站的標(biāo)配了，所以這是我們web開(kāi)發(fā)學(xué)習(xí)過(guò)程中必學(xué)的了。其實(shí)很容易實(shí)現(xiàn)，只需要懂?dāng)?shù)據(jù)庫(kù)的增刪改查，還有if_else的條件語(yǔ)句即可做出來(lái)。 目錄 css --Login-Reg.css server ...

    mrcode 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<