font-family的定义多种字体
p{font-family:微软雅黑,Arial,Times New Roman;}对于“p{font-family:微软雅黑,宋体,Times New Roman;}”这句代码,初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体呢? 其实原因是这样的:每个人的电脑装的字体都不一样,我们定义“p{font-family:微软雅黑,Arial,Times New Roman;}”这句的意思是,p元素优先用“微软雅黑”字体来显示,如果你的电脑没有装“微软雅黑”这个字体,那接着就用“Arial”字体来显示,如果也没有装“Arial”字体,接着就用“Times New Roman”字体来显示,以此类推。否则,如果你只定义“p{font-family:微软雅黑;}”的话,如果你的电脑没有装“微软雅黑”字体,p元素就直接用浏览器默认的“宋体”字体来显示了。默认情况下,浏览器的字体是宋体。中文字体常用的有宋体、微软雅黑,英文字体比较常用的是Times New Roman、Arial。
font-family的定义多种字体
p{font-family:微软雅黑,Arial,Times
New
Roman;}
对于“p{font-family:微软雅黑,宋体,Times
New
Roman;}”这句代码,初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体呢?
其实原因是这样的:每个人的电脑装的字体都不一样,我们定义“p{font-family:微软雅黑,Arial,Times
New
Roman;}”这句的意思是,p元素优先用“微软雅黑”字体来显示,如果你的电脑没有装“微软雅黑”这个字体,那接着就用“Arial”字体来显示,如果也没有装“Arial”字体,接着就用“Times
New
Roman”字体来显示,以此类推。
否则,如果你只定义“p{font-family:微软雅黑;}”的话,如果你的电脑没有装“微软雅黑”字体,p元素就直接用浏览器默认的“宋体”字体来显示了。
默认情况下,浏览器的字体是宋体。中文字体常用的有宋体、微软雅黑,英文字体比较常用的是Times
New
Roman、Arial。
小程序font-family有哪些
小程序font-family按顺序有: font-style (文字样式)、font-variant (是否小型大写字母)、font-weight(字体粗细)、 font-size/line-height(字体尺寸大小)、 font-family(字体名称)、ont-stretch(字是否横向拉伸变形)。具体情况:1、font-style:文字样式。取值:normal正常的字体, italic 斜体字, oblique 倾斜的字体。2、font-weight:设置文本字体的粗细。取值范围为100-900.取值:mormal:正常大小相当于400。bold :粗体,相当于700。3、font-size:设置字体尺寸大小。4、font-variant:设置对象中的文本是否为小型的大写字母。取值:mormal 正常的字体。small-caps 小型的大写字母字体。5、font-family:设置字体名称。6、font-stretch:设置对象中的文字是否横向拉伸变形。取值:normal:正常文字宽度。ultra-condensed:比正常文字宽度窄4个基数。extra-condensed:比正常文字宽度窄3个基数。condensed:比正常文字宽度窄2个基数。semi-condensed:比正常文字宽度窄1个基数。semi-expanded:比正常文字宽度宽1个基数。expanded:比正常文字宽度宽2个基数。extra-expanded:比正常文字宽度宽3个基数。ultra-expanded:比正常文字宽度宽4个基数。
如何优雅地定义 font-family
font-family 规定元素的字体系列,font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。有两种类型的字体系列名称:1、指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。2、通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"font-family在CSS种是字体样式,字体样式有很多,只要是我们电脑中默认有的字体,都可以用这个属性写出来,当然电脑中默认没有的话,写出来就会失效。比如我们试试微软雅黑的字体效果。字体样式的问题微软雅黑的字体是最漂亮的
font-family:"microsoft yahei",simhei; 这句到底设置为微软雅黑还是黑体,为什么写2个字体?
是设置为微软雅黑,如果浏览器不支持微软雅黑,则会尝试下一个也就是黑体。font - family属性指定一个元素的字体。font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。语法:font-family : namefont-family : cursive | fantasy | monospace | serif | sans-serif扩展资料:有时查看网页源代码,会看到类似下方的代码:font-family:"Microsoft YaHei UI",Arial,"Times New Roman";初学者可能会觉得很疑惑。为什么要为元素同时定义多个字体——设定优先级。设计页面时一般设计师会选定特定的一个字体以达到理想的效果,但更多情况下用户的电脑可能没有安装该字体。此时就要用font-family设定一个列表,靠前的字体优先显示,如果没有安装则往后轮一个,以此类推。保证网页不会因为没有相应字体就被系统使用了不好看的字体。参考资料:百度百科-font-family
{font-family:serif,sans-serif,fantasy,cursive}表示什么意思
这是CSS中的五大字体家族。
serif
serif 中文翻译为“衬线字体族”。
serif 具有末端加粗、扩张或尖细末端,或以实际的衬线结尾的一类字体。
可以看出 serif 总是在文字末端做文章,这样做的目的是增强可读性,也就是说在字号比较小的时候,serif 一族的字体仍然是比较好辨认的。
serif 典型的字体有:Times New Roman、MS Georgia、宋体……
serif 还可衍生出两种字体族:petit-serif(小衬线字体族(末端变化不明显))、slab-serif(雕版衬线字体族(末端变化非常明显))。由于显示器显示的字都不大,所以一般将小衬线字体族看作无衬线字体族,比如其中的黑体。
sans-serif
sans-serif 中文翻译为“无衬线字体族”。sans- 前缀是法语,发音为 /san/,意为“无”。
sans-serif 字体比较圆滑,线条粗线均匀,适合做艺术字、标题等,与“衬线字体”相比,如果字号比较小,看起来就会有些吃力。
sans-serif 典型的字体有:MS Trebuchet、MS Arial、MS Verdana、幼圆、隶书、楷体……
cursive
cursive 中文翻译为“手写字体族”。
顾名思义,这类字体的字就像手写的一样。
cursive 典型的字体有:Caflisch Script、Adobe Poetica、迷你简黄草、华文行草……
fantasy
fantasy 中文翻译为“梦幻字体族”。
fantasy 主要用在图片中,字体看起来很艺术,实际网页上用得不多。
fantasy 典型的字体有:WingDings、WingDings 2、WingDings 3、Symbol……
monospace
monospace 中文翻译为“等宽字体族”。
我们知道英文中各字母是不等宽的,但用 monospace,各个字母就是等宽的了,就可以像中文一样排版了。
monospace 典型的字体有:Courier、MS Courier New、Prestige……
总结
总的来说字体分为两个大类:serif、sans-serif,这两个大类下又可以分:cursive、fantasy、monospace