@font-face { font-family: 華文隸書; src: url( ../font/STLITI.eot ); /* IE */ src: url( ../font/STLITI.ttf ) format("truetype"); /* 非IE */ } #nav{width:30px;height:537px;display:block;font-size:18px;text-align:center;margin-left:10px;font-family:"華文隸書";padding-top:0;margin-top:-13px;}

常常看到別人這樣聲明自定義字體：

@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');
}

@font-face {
font-family: 字體名稱;
src: url( 字體.eot ); /* IE */
src: url( 字體.ttf ) format("truetype"); /* 非IE */
}

總結

以上是生活随笔為你收集整理的css自定义字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。