• 技术文档
  • 专业的网站建设公司
  • 020-39182790

技术文档

您现在的位置:首页 > 服务支持 > 技术文档
网页中如何调用一些特殊字体或艺术字体?
作者:织晶客服部 发布于:2020/3/14 9:26:33 点击量: 来源:织晶网络

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

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



上一篇:FTP协议中21端口和20端口的详解

下一篇:什么是IPv6技术?