在浏览网页时,可能由于客户端计算机没有安装一些特殊字体,则网页将无法显示实际效果。因此,用户可以使用@font-face调用服务器端字体。
语法:
@font-face {
font-family: “YourWebFontName”;
src: url(“YourWebFontName.eot”);
src: url(“YourWebFontName.eot?#iefix”) format(“embedded-opentype”),
url(“YourWebFontName.woff”) format(“woff”),
url(“YourWebFontName.ttf”) format(“truetype”),
url(“YourWebFontName.svg#YourWebFontName”) format(“svg”);
font-weight:“weight”;
font-style:“style”;
}
上述语法中,各参数的含义如下。
Your Web FontName
指自定义的字体名称,最好是使用下载的默认字体,它将被引用到Web元素中的font-family。
url
指自定义的字体的存放路径,可以是相对路径也可以是绝对路径。
Format
指自定义的字体的格式,主要用来帮助浏览器识别,其值主要有以下几种类型: truetype、 opentype、 truetype-aat、embedded-opentype、avg等。
weight和style
这两个值, weight定义字体是否为粗体, style主要定义字体样式,如斜体。
还没有评论,来说两句吧...