CSS3: @font-face
来源:互联网 发布:h5游戏制作软件 编辑:程序博客网 时间:2024/05/16 00:47
想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的 @font-face。
代码如下:
@font-face {font-family: qianduanNet;src: url("SketchRockwell.ttf");}.fontFace{font-family: qianduanNet;font-size: 3.2em;letter-spacing: 1px;text-align: center;}
但这需要你去下载字体,相对而言 Google Font Directory 就方便太多了。只可惜目前不支持中文。
不过简单的中文用英文代替,大家都可以看得懂的。嘿嘿,因此在 b3log 的新皮肤中头部使用到了Google Font Directory 中的两中字体,实际效果图如下。
你可以到 Google Font Directory 上面选择你喜欢的字体,然后点击进入,选择 use this font, 相应的添加 link 和 CSS 就可以搞定了;
或者使用 WebFont Loader, 它将为您提供更加多的使用方法。
本文是使用 B3log Solo 从 Vanessa 进行同步发布的
原文地址:http://vanessa.b3log.org/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
- (转)CSS3 @font-face
- 【CSS3】---@font-face
- CSS3 @font-face
- CSS3 @font-face
- stdafx.h
- dts文件解析
- 包含iphone4在内的icon,default及图片处理方法
- php 数据库实现复制
- 利用CMemDC画图的两种方法
- CSS3: @font-face
- 网站开发流程(附图)
- flex tree 正则 搜索
- Windows下Java环境变量配置
- C语言基础--查缺补漏
- Linux设备驱动程序第三版学习(9)- 高级字符驱动程序操作(续4) - llseek定位设备
- 重载与重写的区别(以Java为例)
- 设置Code::Blocks ,使之可以启动多个实例
- C++中三种不同的继承方式(public、protected、private)的基类特性和派生类特性