HTML5时代CSS设置漂亮字体取代图片


Posted in HTML / CSS onSeptember 04, 2014

HTML5时代已经不知不觉的到来了,看到好多电商的网站都设计的非常漂亮,特别是文字部分都不是图片,而是直接用CSS来设计的,真心不错,研究了一下他们的CSS代码,拿来分享下。

我看了下小米的CSS字体代码,觉得挺好,这里贴出来:

复制代码
代码如下:

body{font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;}

解释:arial字体几乎所有操作系统都支持,用来显示英文效果也不错;Hiragino Sans GB是苹果丽黑字体,现在用苹果电脑的用户也蛮多;Microsoft Yahei是微软雅黑字体,Win7自带,大家都懂的;sans-serif这个字体比较特殊,我个人认为是针对Linux系统的。

以上就是个人认为在设计网页的时候比较不错的字体设置,大家可以参考一下咯。

HTML / CSS 相关文章推荐
CSS3教程(7):CSS3嵌入字体
Apr 02 HTML / CSS
简单介绍CSS3中Media Query的使用
Jul 07 HTML / CSS
CSS3制作漂亮的照片墙的实现代码
Jun 08 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
Jan 07 HTML / CSS
html5记忆翻牌游戏实现思路及代码
Jul 25 HTML / CSS
使用jquery实现HTML5响应式导航菜单教程
Apr 02 HTML / CSS
HTML5调用手机摄像头拍照的实现思路及代码
Jun 15 HTML / CSS
html5中audio支持音频格式的解决方法
Aug 24 HTML / CSS
HTML5中外部浏览器唤起微信分享
Jan 02 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
Apr 26 HTML / CSS
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
Apr 27 HTML / CSS
HTML5 drag和drop具体使用详解
Jan 18 HTML / CSS
css3 伪元素和伪类选择器详解
Sep 04 #HTML / CSS
CSS3实现的文本3D效果附图
Sep 03 #HTML / CSS
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
Sep 02 #HTML / CSS
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 #HTML / CSS
用纯css3实现的图片放大镜特效效果非常不错
Sep 02 #HTML / CSS
CSS3 中的@keyframes介绍
Sep 02 #HTML / CSS
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
Sep 02 #HTML / CSS
You might like
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
推荐一本PHP程序猿都应该拜读的书
2014/12/31 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
php实现的任意进制互转类分享
2015/07/07 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
浅析PHP中的闭包和匿名函数
2017/12/25 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
XRegExp 0.2: Now With Named Capture
2007/11/30 Javascript
初窥JQuery(二)事件机制(2)
2010/12/06 Javascript
jquery动态加载图片数据练习代码
2011/08/04 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
ECMAScript6--解构
2017/03/30 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
python中self原理实例分析
2015/04/30 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
Python3 解决读取中文文件txt编码的问题
2019/12/20 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
什么是Smart Navigation?
2016/07/03 面试题
旅游管理专业大学生职业规划书
2014/02/27 职场文书
党员教师工作决心书
2014/03/13 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
批评与自我批评范文
2014/10/15 职场文书
专题组织生活会发言材料
2014/10/17 职场文书
2014年房地产工作总结范文
2014/11/19 职场文书
python实现简单反弹球游戏
2021/04/12 Python
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏