在国内,中文网站显示的字体主要是以微软雅黑或宋体为主,而英文网站上显示的字体就丰富多样,毕竟英文字体类型容量比较小,网页加载比较快。网站上由于不同用户对特殊字体或艺术字体显示样式的青睐,网页上会调用用户想要的字体类型。那么,用户要求的字体是如何在网页中调用与显示呢?
第1种调用方法:前提是字体类型文件要放到或安装到网站目录中,然后用下面的css样式进行调用,这里注意的是调用路径必须要正确,才能正常显示。弊端是中文类型的字体容量太大,导致网页打开加载字体很慢,字体的效果显示会延迟。
CSS样式:
@font-face
{
font-family: myFirstFont;
src: url('../../../fonts/FZLTCXHJW.ttf'), /*Firefox、Chrome、Safari, Android, IOS */
url('../../../fonts/FZLTCXHJW.eot'); /* IE9+ */
}
.css样式{font-family:myFirstFont;}
备注:
01. 不建议网页中使用中文字体,还是使用电脑自带的微软雅黑或宋体来使用。英文字体可以使用此方法,原因是英文字体文件容量小,网页上加载英文字体比较快。
02. 中文字体调用时建议用英文字母的名称。
03. 浏览器支持
.ttf (True Type Fonts)类型的字体,被Firefox、Chrome、Safari等浏览器支持;
.otf (OpenType Fonts)类型的字体,被Opera浏览器支持;
.eot (Embedded OpenType)类型的字体,被Internet Explorer 9+支持
04. 如何使用:在@font-face规则中,您必须首先定义字体的名称(如myFirstFont),然后指向该字体文件。如需为HTML中使用字体,请通过font-family属性来引用字体的名称。
第2种调用方法:用js函数的方法进行调用,如加载谷歌网站库中的字体,来产生想要的效果,要注意的是,由于中国大陆谷歌库网站不能打开,导致效果不能产生。
下一篇:什么是IPv6技术?
扫一扫 加微信咨询