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打造一款漂亮的卡哇伊按钮
Mar 20 HTML / CSS
CSS3的RGBA中关于整数和百分比值的转换
Aug 04 HTML / CSS
CSS3常用的几种颜色渐变模式总结
Nov 18 HTML / CSS
HTML5 Canvas 起步(2) - 路径
May 12 HTML / CSS
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
Jan 31 HTML / CSS
html标签之Object和EMBED标签详解
Jul 04 HTML / CSS
针对HTML5的Web Worker使用攻略
Jul 12 HTML / CSS
一波HTML5 Canvas基础绘图实例代码集合
Feb 28 HTML / CSS
巧用 -webkit-box-reflect 倒影实现各类动效(小结)
Apr 22 HTML / CSS
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
Dec 06 HTML / CSS
MIME类型中application/xml与text/xml的区别介绍
Jan 18 HTML / CSS
html网页引入svg图片的4种方式
Aug 05 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 iconv 函数转gb2312的bug解决方法
2009/10/11 PHP
对PHP新手的一些建议(PHP学习经验总结)
2014/08/20 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
2018/06/05 jQuery
vant实现购物车功能
2020/06/29 Javascript
python解析模块(ConfigParser)使用方法
2013/12/10 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python导入库的具体方法
2020/06/18 Python
如何将anaconda安装配置的mmdetection环境离线拷贝到另一台电脑
2020/10/15 Python
Python爬虫之Selenium实现窗口截图
2020/12/04 Python
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
Ted Baker美国官网:英国时尚品牌
2018/10/29 全球购物
村长贪污检举信
2014/04/04 职场文书
企业优秀团员事迹材料
2014/08/20 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
先进班集体事迹材料
2014/12/25 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
办公用品质量保证书
2015/05/11 职场文书
2017新年晚会开幕词
2016/03/03 职场文书
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
Python 多线程处理任务实例
2021/11/07 Python
MySQL笔记 —SQL运算符
2022/01/18 MySQL
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python
SQLyog的下载、安装、破解、配置教程(MySQL可视化工具安装)
2022/09/23 MySQL