font-face 自定义字体,让页面文艺起来~~~
来源:互联网 发布:php自助建站系统源码 编辑:程序博客网 时间:2024/05/16 11:14
在网页中,可以使用自己定义的字体,这个功能早在ie4中就被支持了,我们来看看如何使用漂亮的字体使页面漂亮起来。
step1:去网站上找漂亮的字体包,推荐这几个免费网站,dafont,google-fonts.
step2:由于不同浏览器需要的字体包的格式不一样,大概有ttf,eot,woff,svg这几种格式,那么如何找到同一种字体的多种不同格式的文件呢,你需要这个font squirrel。
step3:在页面中定义自己的字体吧,大概模式是这样的
@font-face{ font-family:'myfontname'; src:url('../fonts/myfontname.eot') format(eot);/*eot是ie专用字体*/; src:url('../fonts/myfontname.ttf') format(ttf),url('../fonts/myfontname.woff') format(woff);/*ttf,woff基本适用于所有浏览器*/}
step4:在文本中适用自己定义的字体吧
h2{ font-family:'myfontname'}
ps:注意一点,在页面中,注意不要适用中文字体,因为中文字体包太大了,影响页面性能,对于部分英文来说,适用字体代替图片是个不错的方法。
0 0
- font-face 自定义字体,让页面文艺起来~~~
- 导入页面字体@font-face
- CSS3之自定义英文字体@font-face
- CSS @font-face(CSS 自定义字体)
- CSS自定义字体(@font-face选择符)
- CSS @font-face(CSS 自定义字体)
- CSS自定义字体(@font-face选择符)
- CSS @font-face(CSS 自定义字体)
- CSS3.0使用@font-face自定义字体
- 网页自定义字体使用 @font-face
- CSS3.0使用@font-face自定义字体
- 如何使用自定义字体?@font-face
- CSS @font-face(CSS 自定义字体)
- 嵌入字体@font-face
- Web字体 ---- @font-face
- 网页设计之CSS @font-face应用网页字体自定义
- css自定义字体font-face的兼容和使用
- CSS unicode-range特定字符使用font-face自定义字体
- 机器学习:贝叶斯总结_3:线性回归和贝叶斯回归
- spring bean
- linux下信号
- LeetCode #1 Two Sum C# Solution
- libiconv编译出错解决
- font-face 自定义字体,让页面文艺起来~~~
- 例程8. PCA_PWM -- 慕司板IAP15
- 第六周项目一-分数类的雏形(2)
- eclipse中批量修改Java类文件中引入的package包路径 - [工具使用]
- 模态框
- Android 源码下载 编译.
- BJTU 1703 Ficer的春运 (DFS)
- 格雷码
- 排序