专栏首页逸鹏说道样式问题-如何一次性设置网站英文字体样式,中文字体等样式

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

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

本文分享自微信公众号 - 我为Net狂(dotNetCrazy)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-03-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 09-移动端开发教程-Sass入门

    1. 引言 CSS3之前的CSS都大都是枚举属性样式,而编程语言强大的变量、函数、循环、分支等功能基本都不能在CSS中使用,让CSS的编程黯淡无光,Sass就是...

    老马
  • 关于css

    常用的选择器:标签选择器,id选择器,class选择器,伪类选择器。 但是还有一个功能强大的选择器:属性选择器, 属性选择器,这样使用, 1、[属性名]{st...

    前朝楚水
  • table边框设置

    table边框设置 一、表格的常用属性 基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即...

    闵开慧
  • 试试这4个CSS动画解决方案和资源

    随着移动设备的大量使用和CSS3兼容性在浏览器中的普及,越来越多的程序猿开始设计和使用基于CSS3的动画效果解决方案,但是自己编写基于CSS3的动画效果也是一件...

    前朝楚水
  • 05-移动端开发教程-CSS3兼容处理

    CSS3的标准并没有全部定稿,目前CSS3的标准分成了不同的模块,具体的标准由各个模块推动标准和定稿,标准制定的过程中,浏览器也在不断的发新的版本来兼容新的标准...

    老马
  • 02-移动端开发教程-CSS3新特性(中)

    1. 新的背景 背景在CSS3中也得到很大程度的增强,比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。 1.1 background-size设置背...

    老马
  • 原生css写响应式网页

    写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media...

    前朝楚水
  • css中的伪类与伪元素

    伪类的效果可以通过添加一个实际的类来达到,而伪元素的效果则需要通过添加一个实际的元素才能达到,这也是为什么他们一个称为伪类,一个称为伪元素的原因。 伪类的种类 ...

    前朝楚水
  • CSS选择器的性能优化

    CSS选择器的性能排名(从最快者开始): (1)识别器:#id (2)类:.class (3)标签:div (4)相邻兄弟选择器:a + i (5)父类选择器:...

    dys
  • 外部css文件调用

    1 <link rel="stylesheet" href="body.css" type="text/css"> 2   <body> <div cla...

    闵开慧

扫码关注云+社区

领取腾讯云代金券