CSS3 @font-face详细用法local
来源:互联网 发布:物流网络存在的问题 编辑:程序博客网 时间:2024/05/23 01:16
转自:点击打开链接
当我们想让自己的网站显示某一特定字体时,既要考虑用户电脑的情绪,又要考虑继承性,那么我们就要采取点措施了。
我们需要css中的@font-face属性来调取我们所需要的字体地址。
在这里要说明下字体格式:
我们最经常遇到格式是TTF文件,如果想让其他浏览器支持这种字体,我们需要一个转换工具,将字体转换为其他俩种格式,字体文件格式的转换可以通过网站FontsQuirrel或onlinefontconverter提供的在线字体转换服务获取。 这里推荐第一个站点,它允许我们选择需要的字符生成字体文件(在服务的最后一个选项),这样就大大缩减了字体文件的大小,使得本方案更具实用性。
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.EOT,适用于Internet Explorer 4.0+
.SVG,适用于Chrome、IPhone
如何声明字体?
@font-face{ font-family: 'fontNameRegular'; src: url('fontName.eot'); src: local('☺'), url('fontName.woff') format('woff'), url('fontName.ttf') format('truetype'), url('fontName.svg#fontName') format('svg'); } /*fontname是字体名称,format括弧里面的是字体后缀名即格式名*/
调用指定字体:
P{
Font:14px ,fontName; lineheight:auto; line-height:22px; padding:10px 10px;
}
以谋为上,先谋而后动!
这里要解释这个笑脸是做什么用的,翻阅了一下网络资料,自己测试了下,如果某些字无法定义成指定字体样式,那么这段文字就用本地默认的字体所代替。
0 0
- CSS3 @font-face详细用法local
- CSS3 @font-face详细用法
- @font-face的详细用法
- CSS3中 @font-face用法介绍
- CSS3: @font-face
- CSS3 @font-face
- CSS3 @font-face 使用方法
- CSS3 @font-face
- CSS3 @font-face
- CSS3 @font-face
- CSS3 @font-face Rule
- CSS3 @font-face
- css3的font-face
- CSS3 @font-face
- CSS3 @font-face
- CSS3 @font-face
- CSS3 @font-face
- CSS3 @font-face
- 哈希表
- Code Generate of Power Designer
- 排序算法
- 查找算法
- Eclipse中10个最有用的快捷键组合
- CSS3 @font-face详细用法local
- C++线程 -- boost::barrier解决多线程分工问题
- POJ 3276 Face The Right Way 开关问题
- css 控制文字位置
- css背景图与html插入img的区别
- 邀请大家试用我的创业产品
- hdu1406完数,区间左右在没注明大小的情况下要注意
- 图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)
- JavaScript经典代码【一】【DIV+CSS解决IE6,IE7,IE8,FF兼容问题】