如何引入外部的英文字體讓英文網(wǎng)站看上去更漂亮
時(shí)間：2019-10-30 訪問量：0
做外貿(mào)網(wǎng)站建設(shè)的時(shí)候，有一個(gè)比較頭疼的問題就是英文單詞太長(zhǎng)的時(shí)候，長(zhǎng)得讓人受不了。所以如果做出像上面這圖這樣的字體，那所有的問題就迎刃而解了。
下面我來(lái)說一下在網(wǎng)站開發(fā)中如何引入。我所提出來(lái)的都是一些傻瓜式的操作，拿來(lái)即用的。
手先，先下載我提供的壓縮包。
使用方法：
1：把字體放到網(wǎng)站目錄中
2：在服務(wù)器上配置好mine類型，讓服務(wù)器支持這些字體。
3：模板文件中引入fonts.css
4：主體樣式文件中如下書寫
@font-face {
font-family:'en';
src:url("../fonts/futuralc.ttf");
}
html,body{
font-size:18px;
font-family:"en";
}
5：后面如果哪個(gè)位置沒有支持這個(gè)字體，那就么給對(duì)應(yīng)的CSS加上：font-family:"en";就可以了。
為什么上面我設(shè)置字體18PX這么大呢，因?yàn)檫@個(gè)字體偏小，用14的話，太小，可能都快看不清。所以設(shè)置得大一點(diǎn)，當(dāng)然了，這個(gè)你自己看著辦了。 
