fontfamilyCSS的font-family中family-name和generic-family区别

fontfamily 时间:2021-01-12 阅读:()

在CSS 里面font-family，font-face，这两个有什么不同？

第一个是指定字体。

.youclass{font-family:文鼎POP;}。

此处 font-family 指定字体为文鼎POP ，但电脑上没装文鼎POP 字体的人看网页，将看不到这个字体效果，任看到电脑上默认的宋体或微软雅黑体，因此针对中文操作系统来说：为保证网页效果，通常只能指定：宋体、黑体、微软雅黑之类的系统上默认自带的字体。

第二个 font-face 的用法是载入一个字体。

@font-face { ic;src:url(http://url/文鼎POP.eot); } 。

将文鼎POP 的 .eot 格式文件传到服务器上，然后用 font-face 加载到网页中，别人电脑没装这个字体，但用 font-face 加载后同样能在网页上显示出文鼎POP的效果。

css特点： 1. 结构与样式分离的方式,便于后期维护与改7a686964616fe58685e5aeb931333365646235版; 2. 样式定义精确到像素的级别; 3. 可以用多套样式,使网页有任意样式切换的效果(如:www.YOUKU.COM的开,关灯效果)； 4. 降低服务器的成本。

CSS中，如果font-family后面定义的字体有好几个的话用哪一个？

语法 font-family：[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* 说明 1、<family-name>：字体名称。

按优先顺序排列。

以逗号隔开。

如果字体名称包含空格或中文，则应使用引号括起 2、<generic-family>：字体序列名称。

下列字体中的任何一种：serif, sans-serif, cursive, fantasy, monospace。

3、想要显示的字体一定要是你计算机中有的,否则不会按照你期望的显示.上面的第三个示例说明如果有宋体就显示宋体否则显示Arial字体 4、[字体名1 , 字体名2 , *],其中的星号*,表示可以继续增加字体名.如果用户计算机没有安装,你定义的字体名1,系统会自动使用字体名2,如果没有字体名2,系统就再查找字体名3,如果都没有,将使用系统的默认字体 5、用逗号来分隔每一个值,最好在最后有一个基本字体(generic-family) 6、使用中文字体或者英文名称超过一个单词的字体时要使用"(冒号)扩起来,比如"Times News Roman","宋体" 7、HTML的font标签定义了字体,此标签已经被w3c抛弃，真正符合标准网页设计的字体定义方法是使用font-family CSS属性参考资料： CSS font-family /news/401.html

font-family中这两个分别代表什么意思

font-family 规定元素的字体系列。

font-family 可以把多个字体名称作为一个“回退”系统来保存。

如果浏览器不支持第一个字体，则会尝试下一个。

也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。

浏览器会使用它可识别的第一个值。

有两种类型的字体系列名称：指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。

通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace" 提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。

bootstrap中@baseFontFamily是什么意思。。应该说在CSS中@是什么意思？？新手。。。。

@是变量的意思。

相当于我定义了一个基础变量：baseFontFamily，假设其值为：font-size:14px;color:red; 即一个14像素的字号和文本颜色为红色。

然后在需要这种字体的地方全部去引用这个变量。

1. 不能说@在css中是变量的意思，而是@在bootstrap环境中是变量，css目前没有变量这个概念，这依赖于在服务器或客户端通过bootstrap的相关方法去把这种写法的css解析还原成一个正常的css。

如：h1{@baseFontFamily}/*h1引用了这个变量*/ 实际上最终把上面代码还原成：h1{font-size:14px;color:red;}后去输出给浏览器 2. 未来css4会支持类似的变量，但是不是以@这种形式不一定。

css设置font-family

你看看是不是你使用的字体不太合适，推荐用Tahoma字体！并不是所有的字体在网页中使用都能达到它的效果，黑体、隶属、幼圆这样的中文字体最好不要用，效果都不好，不要使用特殊的字体，如果有这些需要可以使用图片. 你可以在body里设定一个统一的样式比如： body{font-size:12px;font-family:Tahoma;color:#333;} 这样如果其他局部不设置都会使用这个样式，然后你在需要改变的标签中设置其他样式，比如有个class="aa"的div我需要他的字体大一点，然后加粗，就象下面这么写： .aa{font-size:14px;font-weight:bold} 这样aa中会继承body中的样式，然后再参照自己的样式进行修改，如本列，aa的字体14号、加粗、#333色、字体是：Tahoma

CSS的font-family中family-name和generic-family区别

family-name一般翻译为：字体族名称。

也就是我们常说的“字体”。

一个字体族名称就是一种字体。

比如：“微软雅黑”是一种字体，也就是一个字体族名称。

generic-family一般翻译为：字体族。

也就是一种类型的字体。

一个字体族就是一种类型的字体，一种类型的字体有很多种类似但不相同的字体。

比如："sans-serif"是一类叫无衬边的字体，有很多种类似的字体，也就是一个字体族。

给个位置你去看看（把 + 改为 . ）： zh+/tutorials/css/lesson4.php

展开全文