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

html如何调用特殊字体,网页中如何调用一些特殊字体或艺术字体？相关推荐

【新年字体素材合集】2022年元旦新年艺术字体素材合集，元旦快乐呀
[新年字体素材合集]2022年元旦新年艺术字体素材合集,元旦快乐呀祝福坛友永远年轻,掐着点来发帖但是接了个电话,就晚了点,文件4G多,120款左右素材一点艺术字体,应景,祝福各位身体健康.202 ...
js调用vlc_在网页中调用VLC插件
在网页中调用html播放器, 结果还是有些视频虽然是mp4的,但可能因为太大(有3G),所以无法播放, 解决办法是使用vlc插件,Chrome以前,默认不启用这种插件, chrome v45以后已经无 ...
Android 嵌套H5 网页，图片上传无法调用手机图片以及嵌套网页中无法调用另一款APP问题记录
最近项目中用到安卓原生APP 嵌套H5网页,使用安卓原生WebView实现,主要遇到以下两种问题,特此记录: 在H5页面,返回直接回到APP中监听安卓的返回事件就行了 @Override publi ...
微信调用jssdk在网页端实现调用扫一扫，java+jsp
这篇文章以讲解的方式,帮助大家来理解微信官方的文档,同时给出调用扫一扫的例子. 微信官方技术文档jssdk:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e04 ...
php new对象调用函数,关于JS中new调用函数的原理介绍
这篇文章主要介绍了关于JS中new调用函数的原理介绍,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 JavaScript 中经常使用构造函数创建对象(通过 new 操作符调用一个函数) ...
c++调用mysql存储过程_C++中ADO调用MySQL存储过程失败,诡异的语法异常,求解中,附源码...
C++中ADO调用mysql存储过程失败,诡异的语法错误,求解中,附源码不管怎么调整,死活都出现下面的错误 C++ADO代码我实在找不到什么错误了,难道是MySQL有什么问题,或者有其他需要注意的地 ...
java中调用数组参数_java中如何调用带有数组类型参数的存储过程
java中如何调用带有数组类型参数的存储过程关注:95 答案:3 mip版解决时间 2021-01-28 00:39 提问者万丈深渊 2021-01-27 14:00 不知道java中java ...
解决了java+matlab混编+web（jsp）调用Matlab，网页中显示Figure，详细实例
例子简介网上java+matlab混编的挺多,大多数实例也都能实现出来,但是将matlab生成出来Figure显示在jsp页面中并配合WebFigure实现的例子却很少,所以我将自己的尝试结果详细的 ...
html页面中加skype,[转载]网页中添加调用qq或者msn,skype聊天窗口与客服进行互
调用qq的方法: href="tencent://message/?uin=20989163&Site=博客园&Menu=yes" _fcksavedurl=&qu ...

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

html如何调用特殊字体,网页中如何调用一些特殊字体或艺术字体？相关推荐

最新文章

热门文章