Css font face網(wǎng)頁(yè)中嵌入特殊字體的方法是什么,針對(duì)這個(gè)問題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。
創(chuàng)新互聯(lián)"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機(jī)版的企業(yè)網(wǎng)站。實(shí)現(xiàn)跨屏營(yíng)銷,產(chǎn)品發(fā)布一步更新,電腦網(wǎng)絡(luò)+移動(dòng)網(wǎng)絡(luò)一網(wǎng)打盡,滿足企業(yè)的營(yíng)銷需求!創(chuàng)新互聯(lián)具備承接各種類型的成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)項(xiàng)目的能力。經(jīng)過十多年的努力的開拓,為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù),并獲得了客戶的一致好評(píng)。特殊字體已經(jīng)在你的電腦中了,現(xiàn)在我們需要想辦法獲得@font-face所需的.eot,.woff,.ttf,.svg字體格式。要獲取這些字體格式,我們同樣是需要第三方工具,CSS教程@font-face網(wǎng)頁(yè)中嵌入特殊字體方法。
獲取特殊字體:
我們拿下面這種singleMalta字體來說吧:
要得到singleMalta字體,不外乎兩種途徑,其一找到付費(fèi)網(wǎng)站購(gòu)買字體,其二就是到免費(fèi)網(wǎng)站DownLoad字體。當(dāng)然要給錢的這種傻事我想大家都不會(huì)做的,那我們就得到免費(fèi)的地方下載,在哪有呢?我平時(shí)都是到GoogleWebFonts和Dafont.com尋找自己需要的字體,給大家推薦的這兩個(gè)都是國(guó)外的站點(diǎn),打開速度會(huì)比較慢,國(guó)內(nèi)的像站長(zhǎng)字體font.chinaz.com,都很好用,當(dāng)然網(wǎng)上也還有別的下載字體的地方,下載下來的文件里面有.TTF。然后開始下一步
獲取@font-face所需特殊字體格式:
特殊字體已經(jīng)在你的電腦中了,現(xiàn)在我們需要想辦法獲得@font-face所需的.eot,.woff,.ttf,.svg字體格式。要獲取這些字體格式,我們同樣是需要第三方工具或者軟件來實(shí)現(xiàn),下面我給大家推薦一款我常用的一個(gè)工具fontsquirrel和font2web.com。也可以直接百度TTF換格式
現(xiàn)在只要用Conv_SingleMalta類名就可以運(yùn)用特殊字體了。
@font-face{
font-family:'Conv_SingleMalta';
src:url('fonts/SingleMalta.eot');
src:local('?'),url('fonts/SingleMalta.woff')format('woff'),url('fonts/SingleMalta.ttf')format('truetype'),url('fonts/SingleMalta.svg')format('svg');
font-weight:normal;
font-style:normal;
}
.Conv_SingleMalta{
font-family:'Conv_SingleMalta';
}
總之,特殊字體給大家簡(jiǎn)單的介紹了一些,希望大家多看看。
關(guān)于Css font face網(wǎng)頁(yè)中嵌入特殊字體的方法是什么問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。