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实现类似翻书效果的过渡动画的示例代码
Sep 06 HTML / CSS
CSS3教程(8):CSS3透明度指南
Apr 02 HTML / CSS
利用CSS3的border-radius绘制太极及爱心图案示例
May 17 HTML / CSS
css 元素选择器的简单实例
May 23 HTML / CSS
CSS3 二级导航菜单的制作的示例
Apr 02 HTML / CSS
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
Jun 01 HTML / CSS
Html5实现iPhone开机界面示例代码
Jun 30 HTML / CSS
html5教程制作简单画板代码分享
Dec 04 HTML / CSS
推荐10个HTML5响应式框架
Feb 25 HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 HTML / CSS
Html5实现文件异步上传功能
May 19 HTML / CSS
html5中使用hotcss.js实现手机端自适配的方法
Apr 23 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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
针对初学PHP者的疑难问答(2)
2006/10/09 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
PHP使用fopen与file_get_contents读取文件实例分享
2016/03/04 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
Linux下源码包安装Swoole及基本使用操作图文详解
2019/04/02 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
初步使用Node连接Mysql数据库
2016/03/03 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
JS闭包的几种常见形式实例详解
2017/09/16 Javascript
详解vue路由篇(动态路由、路由嵌套)
2019/01/27 Javascript
JS阻止事件冒泡的方法详解
2019/08/26 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
python通过ElementTree操作XML获取结点读取属性美化XML
2013/12/02 Python
Python 实现简单的电话本功能
2015/08/09 Python
在Python程序员面试中被问的最多的10道题
2017/12/05 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
中学生班主任评语
2014/01/30 职场文书
团委竞选演讲稿
2014/04/24 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
2014年计生工作总结
2014/11/21 职场文书
公司开除员工通知
2015/04/22 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
GO语言异常处理分析 err接口及defer延迟
2022/04/14 Golang