css中导入外部字体不生效的原因是什么？

css中可以使用@font-face引入外部字体，使用@font-face规则，网页设计师再也不必使用的"web-safe"的字体之一。有时使用@font-face规则引入外部字体不生效是什么原因？

出现不起作用的时候应该检查如下几个方面：

第一：路径是否正确，可以打开控制台，查看网络请求中是否有对应字体文件的请求操作

第二：IE9 + 虽然支持font-face但是只能引用embedded 系列的字体必须在src ：url (xxxx) 加上format('embedded-opentype')

第三：如果是在canvas中使用引入的字体，出现了不生效，或者首次加载不生效的时候。在body标签canvas画布之前加一个<h></h>

<body>
<!--启用字体-->
<h1>　</h1>
<canvas></canvas>

设置html的字体家族为引入的字体就好。这样做的目的是告诉浏览器，这个字体被启用了。

html, body {padding: 0;margin: 0;font-family:"Zephyrea";
}

css中导入外部字体不生效的原因是什么？相关推荐

html5外链式引入不了字体,css中导入外部字体不生效的原因是什么？
css中可以使用@font-face引入外部字体,使用@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一.有时使用@font-face规则引入外部字体 ...
前端人员如何在页面中导入外部字体
在http://fonts.mobanwang.com/fangzheng/这个网站中下载你所需要的字体文件,下载到页面解压之后,在https://www.fontke.com/tool/fontfa ...
html chrome中引入外部字体,强制Chrome在CSS中使用外部字体
您可以重命名CSS中的字体,仍然使用远程woff文件.例如: @font-face { font-family: 'RobotoBis'; font-style: normal; font-weigh ...
php如何导入字体样式,css怎么引入外部字体？css 字体样式设置的方法（实例）...
在浏览器显示中,页面上不同的字体样式,不仅提升了页面的美观度,也提升了用户的浏览交互性.那么这些不同的字体样式是怎么用css设置的?本章就给大家带来css如何引入外部字体?css 字体样式设置的方法( ...
android 导入外部字体
有时候UI会设置有个性的字体,已达到好的视觉效果.通常的做法就是给字体截图.但是这种方法很繁琐,现在就来介绍一种简单的方法-------导入外部字体. 1.下载好所需要的ttf格式字体包: 2.将.t ...
Struts2中导入外部xml文件出现Included file cannot be found错误！
Struts.xml 文件中导入外部xml文件,需要在Struts.xml文件中加入include元素. ch3.xml文件位于ch3目录中.ch3.xml是一个标准的Struts2配置文件路径千万 ...
jsp、css中引入外部资源相对路径的问题
jsp.css中引入外部资源相对路径的问题在jsp页面中添加base,可用相对路径: <%String path = request.getContextPath();String baseP ...
CSS加载外部字体以及字体格式转换
css加载外部字体问题三种字体文件 .ttf或.otf,适合Firefox 3.5.Safari.Opera .EOT,适合IE 4.0+ .svg,适合Chrome.iPhone 可通过Fonts ...
css如何载入多种字体,在css中包含多种字体的正确方法
我不是一个简单的时刻.哪种方式是在css中包含多种字体的正确方法?这里是简单的例子.在css中包含多种字体的正确方法 This? @font-face { font-family: Delicious ...

css中导入外部字体不生效的原因是什么？

css中导入外部字体不生效的原因是什么？相关推荐

最新文章

热门文章