1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html如何调用特殊字体 网页中如何调用一些特殊字体或艺术字体?

html如何调用特殊字体 网页中如何调用一些特殊字体或艺术字体?

时间:2019-06-04 05:09:51

相关推荐

html如何调用特殊字体 网页中如何调用一些特殊字体或艺术字体?

在国内,中文网站显示的字体主要是以微软雅黑或宋体为主,而英文网站上显示的字体就丰富多样,毕竟英文字体类型容量比较小,网页加载比较快。网站上由于不同用户对特殊字体或艺术字体显示样式的青睐,网页上会调用用户想要的字体类型。那么,用户要求的字体是如何在网页中调用与显示呢?

第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函数的方法进行调用,如加载谷歌网站库中的字体,来产生想要的效果,要注意的是,由于中国大陆谷歌库网站不能打开,导致效果不能产生。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。