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

简介:

异常处理汇总-前端系列 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


本文转自毒逆天博客园博客,原文链接:http://www.cnblogs.com/dunitian/p/5280693.html ,如需转载请自行联系原作者
相关文章
|
6月前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
6月前
|
前端开发
css 字体渐变样式(设置字体渐变样式+附加实现源码)
css 字体渐变样式(设置字体渐变样式+附加实现源码)
48 0
sublime侧边栏字体、样式、边距修改
sublime侧边栏字体、样式、边距修改
307 0
sublime侧边栏字体、样式、边距修改
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
|
移动开发
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
301 0
H5 页面设置了字体的粗细样式,但是在华为手机里微信打开访问样式不生效?
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
Pycharm的相关配置:改字体样式和大小、更改图片背景、更改控制台输出的字体颜色
|
前端开发
Dreamweaver软件怎么设置蓝色滚动字体
DW软件怎么设置蓝色滚动字体
166 0
|
前端开发
【网页前端】CSS的基本样式边框、布局、字体
【网页前端】CSS的基本样式边框、布局、字体
139 0
【网页前端】CSS的基本样式边框、布局、字体
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
638 0
Markdown设置字体大小、颜色...,CSDN博客编写设置字体大小、颜色、粗细。字体,文字背景设置。
下一篇
无影云桌面