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

简介:

异常处理汇总-前端系列 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
目录
相关文章
|
7月前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
7月前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
53 0
sublime侧边栏字体、样式、边距修改
sublime侧边栏字体、样式、边距修改
323 0
sublime侧边栏字体、样式、边距修改
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
|
移动开发
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
326 0
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
1225 0
Markdown (CSDN) MD编辑器(二)- 文本样式(更改字体、字体大小、字体颜色、加粗、斜体、高亮、删除线)
|
iOS开发
iOS开发 - 同一段文字显示不同颜色和字体
iOS开发 - 同一段文字显示不同颜色和字体
117 0
|
前端开发
【网页前端】CSS的基本样式边框、布局、字体
【网页前端】CSS的基本样式边框、布局、字体
151 0
【网页前端】CSS的基本样式边框、布局、字体

热门文章

最新文章