当前位置：移动技术网 > IT编程>网页制作>CSS > HTML5时代CSS设置漂亮字体取代图片

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

2019年07月25日 | 移动技术网IT编程 | 我要评论

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系统的。

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

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

前端学习笔记（3）之css文本属性合集

文本模块缩进text-intent间距 xxx-spacing控制文本大小写 text-transform文本... [阅读全文]
CSS 控制动画播放与暂停的小技巧(非常实用)

今天要介绍一种很简单的使用 css 控制动画播放与暂停的小技巧。使用好了，可以在很多实际场景得以运用。我们先来看个例子，本例子是我在闲逛 codepen 时看... [阅读全文]
css3 flex布局实现平均分配元素的示例代码

本文主要介绍了css3 flex布局实现平均分配元素，给自己留个笔记，也分享给大家，具体如下：例子一：<!doctype html><html... [阅读全文]
CSS字体、文本、列表属性详细介绍

1.字体属性　　color，规定文本的颜色，如 div{color:red;}　　font-style，规定文本显示方式，如 p.normal {font-st... [阅读全文]
深入理解CSS background-blend-mode的作用机制

本文欢迎分享与聚合，全文转载就不必了，尊重版权，圈子就这么大，若急用可以联系授权。一、可能都知道的首先，讲两点大家可能都知道的知识点：1.background-... [阅读全文]
CSS中的四种定位区别详解

我们都知道，前端开发里面的css中常用的定位方式有普通定位，相对定位，绝对定位、固定定位定位这四种。但是很多零基础的前端小白都不知道这4种定位方式都有什么作用和... [阅读全文]
解决移动端1px边框最好的方法(推荐)

在移动端开发时，经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。1px 边框问题的由来苹果 ip... [阅读全文]
让CSS flex布局最后一行列表左对齐的N种方法(小结)

引用分享给大家，如果你想进行修改进入链接点到对应的图片生成的链接进入，方可修改。问题描述//html<div class="container&... [阅读全文]
CSS 列表模型之marker标记的使用

本文主要对::master伪元素、list-item下的list-style-image、list-style-type样式属性进行介绍，并介绍了在实际中如何使... [阅读全文]
cubic-bezier处理下拉和回弹

/** * 下拉和回弹 * 1.关闭bounce避免ios端下拉冲突 * 2.由于touchm... [阅读全文]

网友评论


验证码：

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

2019年07月25日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论