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

当前位置 : 首页 > 网页制作 > CSS > HTML5时代CSS设置漂亮字体取代图片

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

来源: 作者: 时间:2015-10-31 10:17
好多电商的网站文字部分都不是图片,而是直接用CSS来设计的,真心不错,下面是font-family的应用,喜欢的朋友可以参考下
好多电商的网站文字部分都不是图片,而是直接用CSS来设计的,真心不错,下面是font-family的应用,喜欢的朋友可以参考下
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系统的。

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

<