HTML5时代CSS设置漂亮字体取代图片
程序员文章站
2022-03-30 11:28:15
好多电商的网站文字部分都不是图片,而是直接用CSS来设计的,真心不错,下面是font-family的应用,喜欢的朋友可以参考下... 14-09-04...
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系统的。
以上就是个人认为在设计网页的时候比较不错的字体设置,大家可以参考一下咯。
我看了下小米的css字体代码,觉得挺好,这里贴出来:
复制代码
代码如下:body{font-family: arial,"hiragino sans gb","microsoft yahei",sans-serif;}
解释:arial字体几乎所有操作系统都支持,用来显示英文效果也不错;hiragino sans gb是苹果丽黑字体,现在用苹果电脑的用户也蛮多;microsoft yahei是微软雅黑字体,win7自带,大家都懂的;sans-serif这个字体比较特殊,我个人认为是针对linux系统的。
以上就是个人认为在设计网页的时候比较不错的字体设置,大家可以参考一下咯。
上一篇: Windows平台kafka环境的搭建
下一篇: 一款纯css3实现的动画加载导航