样式问题-如何一次性设置网站英文字体样式,中文字体等样式

简介:

异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html

今天才发现,CSS 的 font-family 属性 的基本能力之一就是依其列表内字体的排序(优先级)来显示文字。 

如果设定为「 font-family: "英文字体", "中文字体", generic-family;」,就用第一项 "Western Font" 显示西文(英文字母、英文标点、阿拉伯数字……),然后遇到汉字之类不受 "Western Font" 支持的字符就用下一项 "Chinese Font"。所以通常这样就可以分别为英文和中文设定字体了。
 
比如逆天现在做的这个网站,就是在body里面采用 font-family: 'Source Sans Pro','微软雅黑', sans-serif;来解决这个问题的
 
看看效果:

参考:http://www.zhihu.com/question/19977292
目录
相关文章
|
12天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
22天前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
21 0
|
6月前
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
sublime侧边栏字体、样式、边距修改
sublime侧边栏字体、样式、边距修改
232 0
sublime侧边栏字体、样式、边距修改
|
移动开发
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
183 0
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
896 0
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
html+css实战51-字体和文本样式
html+css实战51-字体和文本样式
89 0
html+css实战51-字体和文本样式
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
587 0
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。