fontface,fontface字体路径地址怎么搞
为什么火狐fontFace引用字体不能使用
这是因为火狐针对跨域资源引用方面的限制所致。
解决办法需要修改火狐浏览器的设置。
进入about:config，找到security.fileuri.strict_origin_policy，将其设置为false后重启浏览器即可使用。
在CSS 里面font-family，font-face，这两个有什么不同？
第一个是指定字体。
.youclass{font-family:文鼎POP;}。
此处 font-family 指定字体为 文鼎POP ，但电脑上没装 文鼎POP 字体的人看网页，将看不到这个字体效果，任看到电脑上默认的 宋体 或 微软雅黑体，因此针对中文操作系统来说：为保证网页效果，通常只能指定：宋体、黑体、微软雅黑之类的系统上默认自带的字体。
第二个 font-face 的用法是载入一个字体。
@font-face { font-family:comic;src:url(文鼎POP.eot); } 。
将文鼎POP 的 .eot 格式文件传到服务器上，然后用 font-face 加载到网页中，别人电脑没装这个字体，但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。
css特点：
结构与样式分离的方式,便于后期维护与改版;
样式定义精确到像素的级别;
可以用多套样式,使网页有任意样式切换的效果(如:的开,关灯效果)；
降低服务器的成本。
font face是什么意思
font face
字体 字体外观
例句筛选
1.
Web typography using the CSS @font-face rule has also seen a large uptakein web design.
通过CSS@font-face规则排版对网页设计也有很大的帮助。
2.
No font face was specified for a button
未指定按钮的字体外观
fontFace用法
首先介绍下常用字体浏览器兼容情况：
一、TureTpe(.ttf)格式：
.ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】；
二、OpenType(.otf)格式：
.otf字体被认为是一种原始的字体格式，其内置在TureType的基础上，所以也提供了更多的功能,支持这种字体的浏览器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】；
三、Web Open Font Format(.woff)格式：
.woff字体是Web字体中最佳格式，他是一个开放的TrueType/OpenType的压缩版本，同时也支持元数据包的分离,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】；
四、Embedded Open Type(.eot)格式：
.eot字体是IE专用字体，可以从TrueType创建此格式字体,支持这种字体的浏览器有【IE4+】；
五、SVG(.svg)格式：
.svg字体是基于SVG字体渲染的一种格式,支持这种字体的浏览器有【Chrome4+,Safari3.1+,Opera10.0+,iOS Mobile Safari3.2+】。
这就意味着在@font-face中我们至少需要.woff,.eot两种格式字体，甚至还需要.svg等字体达到更多种浏览版本的支持。
为了让浏览器多支持，fontface语法我们可以写成如下：
然后我们就可以使用了：
详解地址:
什么是@font-face及font-face如何在css中使用
@font-face是什么：
@font-face是一个css命令，用来导入服务器端字体，将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。因此本地浏览器浏览网页时，不需要设置字体，就可以查看@font-face设置的任何字体。
@font-face在css中使用：
@font-face的语法规则：
@font-face {
font-family: YourWebFontName;
src: source [format][,source [format]]*;
[font-weight: weight];
[font-style: style];
}
取值说明
1、YourWebFontName:此值指的就是自定义的字体名称，最好是使用下载的默认字体，他将被引用到Web元素中的font-family。如“font-family:"YourWebFontName";”
2、source:此值指的是自定义的字体的存放路径，可以是相对路径也可以是绝路径；
3、format：此值指的是自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype,opentype,truetype-aat,embedded-opentype,avg等；
4、weight和style:这两个值大家一定很熟悉，weight定义字体是否为粗体，style主要定义字体样式，如斜体。