增加字体和颜色样式-------CSS
通过使用CSS，控制文本的字体，风格和颜色1.基本操作：& 1 body{ 2
font-family: Verdana, Geneva, Tahoma, sans-serif 3 } 4
font-size: 14px 7 } 8
color: silver11 }12 13 body{14
font-weight: bold15 }16 17 body{18
text-decoration: underline19 }注释：font-family：定制页面中使用的字体font-size：控制字体大小color：为文本设置颜色font-weight：影响字体的粗细text-decoration：为文本增加更多风格&2.字体系列：&系列分类：sans-serifserifmonospacecursivefanstasy衬线：是字母末端的装饰性的小线示例：sans-serif：没有衬线，适合阅读&&&&& &Serif：有衬线，看起来传统，多出现在报纸&&&& &&&&Monospace：字体包含固定宽度的字符，例如：一个&i&水平的宽度和一个&m&相同，主要用于显示软件代码示例&&&& &&Cursive：有些看似手写，有时会在标题上使用&&&& &Fantasy：含有某种风格的装饰性字体：&&&& 总结特点：serif字体看起来很高雅，传统。sans-serif字体外观清晰，可读性好monospace 像打字机打出来的Cursive和fantasy字体给人有趣或者很有分格的感觉&3.使用CSS指定字体系列：&&浏览器的幕后工作：&1 body{2
font-family: Verdana, Geneva, Tahoma, sans-serif3 }&注释：我们为body指定了4个候选字体浏览器会从左往右进行选择如果浏览器检查到用户没有定制的第一个字体，会接着检查第二个直到查找到用户有的字体如果前面3种特定的字体都没找到，浏览器就会使用默认的sans-serif字体示图：&&&& &4.Wed字体的使用&我们都会有这样一个想法，自己辛苦设计的页面，有很酷的字体，不希望到了用户手里，却全都变成了默认。。。因此：有了@font-face规则&&使用步骤：找到一个字体，可以是自己所有的，也可以使用提供字体网站授权给你使用的确保有所需字体的格式，一般建议使用web开放字体格式（.woff）把字体文件放在web上，或者利用在线字体服务为你托管这些文件。但无论哪种，你都需要字体文件的URL在CSS中增加@font-face属性在CSS中使用@font-face属性示例代码： 1 @font-face{ 2
/*我们为我们的字体设立一个名字*/ 3
font-family: "JJStyle One"; 4
/*浏览器会加载src指定的字体文件，直到找到他能支持的一个文件*/ 5
src: ur1("/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff") 6
ur1("/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf") 7 } 8
9 10 h1{11
/*使用我们指定的字体名*/12
font-family: "JJStyle One",sans-serif;13 }&注意：可以定制多个字体，但需要保证服务器上有相应的字体文件，而且要分别创建一个单独的@font-face规则，且名字唯一&5.调整字体大小大多数默认的字体都不太美观，为此，作为设计者，都需要知道如何指定字体大小。&指定font-size的一些方法：PX%em关键字示例代码： 1 body{ 2
/*字体的高度为14像素*/ 3
font-size: 14px 4 } 5
/*字体大小为相对于另一个字体大小的150%，这里是相对于body字体的大小*/ 8
font-size:<span style="color: #% 9 }10 11 h2{12
/*相对于另一个字体1.2倍*/13
font-size: 1.2em;14 }15 16 h3{17
font-size: small18
/*关键字有：xx-small,x-small,small,medium,large,x-large,xx-large*/19 }指定字体大小的建议：选择一个关键字（推荐samll或mediun），指定它为body规则的字体大小。相当于页面默认大小使用em或百分数，相对于body字体大小指定其它元素的字体大小（使用em还是百分数由你决定，因为效果都一样） 1 body{ 2
font-family: Verdana, Geneva, Tahoma, sans-serif; 3
/*字体的高度为14像素*/ 4
font-size: small 5 } 6
font-family: sans-serif; 9
/*字体大小为相对于另一个字体大小的150%，这里是相对于body字体的大小*/10
font-size:<span style="color: #%11 }12 13 h2{14
/*相对于另一个字体1.2倍*/15
font-size: 1.2em;16 }示图：&&&&& &&&6.改变字体粗细：&font-weight：boldfont-weight：normal&7.为字体增加风格：&斜体：not italicitalic（文本向右倾斜，另外衬线还有弯曲）倾斜：not obliqueoblique（普通文本向右倾斜）注意：一般来说，不论你指定什么风格，结果都不确定，有时是斜体，有时是倾斜。所以，除非真的对你很重要，不然完全可以就用斜体，不用担心差别&8.颜色样式：&指定颜色的方法：颜色名按红绿蓝对百分比指定十六进制码&1.按名字指定1 body{2
background-color:3 }2.用红绿蓝值指定颜色1 body{2
/*rgb：红绿蓝 颜色的缩写*/3
background-color: rgb(80%, 40%, 0%);4 }5 h1{6
background-color: rgb(204,102,0);7 }3.用16进制码指定1 h2{2
background-color: #cc66003 }注释：十六进制码以#开头前两位数字表示红色的分量，中间两位是绿色，后面两位是蓝色&&&& 上图代码的&CC&的分量的计算步骤与解释如下图&&&& &&&&&&&&&&&&&&&&&& 文本装饰：&& 1 em{ 2
/*使&em&元素有一个从文本中间穿过的横线*/ 3
text-decoration: line-through; 4 } 5
/*使&em&元素有一个上画线和下划线*/ 9
text-decoration: underline overline;10 }11 12 em{13
/*使&em&元素没有任何装饰*/14
text-decoration: none;15 }16 17 h1,h2{18
color: #cc6600;19
/*在下滑框上加一条细的虚线*/20
border-bottom:thin dotted #aabbcc;21 }&&The end--&
最新教程周点击榜
微信扫一扫青鸟华光简大黑二 Regular,JDH2 Regular V6.00 - 字体大全 - 字客网
(46183)(41084)(50225)(34701)(19135)(42239)(26258)(47460)(15481)(12606)(16910)(30195)(44729)(19017)(12387)(33324)(5755)(20802)(51271)(31597)(12627)(12235)(13417)(3748)(7746)(6665)(34781)(6673)(5776)
(8)(106)(40471)(224)(132)(334)(257)(13124)(101)(38462)(135)(15604)(413)(10150)(148)(657)(2777)(128409)(16757)(120)(11351)(11240)(140229)(595)(105)(108)(22469)(1707)(40)(6072)
(126)(12878)(15604)(224)(128409)(24)(136)(15271)(11604)(828)(306894)(110)(848)(695313)(137)(432)(11036)(120)(12028)(676)(616929)(6723)
(40471)(6984)(40)(15604)(16773)(126)(14851)(695313)(24)(151)(137)(754)(239)(1231)(6188)(616929)(6723)
(15604)(13329)(19806)(706)(695313)(616929)(6723)
(15604)(695313)(616929)(6723)
(15604)(695313)(616929)(6723)
(659220)(31058)(638)(11428)(4458)
(376115)(44517)(58558)(53705)(1710)(60)(24287)(575)(1640)(60479)(2072)(5087)(1527)(12102)(24523)(33)(3)(468)(31)(2490)(1138)(3339)(1)(272)(368)(147)(2855)(26)(4)(1)
(537105)(126669)(39213)(2040)
(687727)(287)(1255)(5827)(3019)(6912)
(396176)(180920)(87071)(42)(39576)
(592745)(105701)(2082)(4499)
基本多文种平面
(214)(693838)(626779)(472942)(399105)(70882)(461720)(423403)(292146)(126531)(35274)(12878)(22469)(27382)(16268)(11767)(10179)(754)(465)(298)(583)(13629)(13124)(11240)(11351)(10895)(11951)(11512)(11124)(11295)
多文种补充平面
(98)(94)(70)(24)(21)(11)(2)(429)(252)(285)(2207)(794)(288)(580)(657)(237)(848)(828)(120)(259)(266)(706)(676)(239)(136)(126)(137)(224)(224)(117)
表意文字补充平面
(18570)(6974)(4062)(1069)(11998)(19869)
特别用途补充平面
(299)(2215)(19869)
私人使用区-A平面
私人使用区-B平面
(5481)(10309)(22)(18691)(405)(459707)(94294)(8014)(89363)(5394)(17)(11834)(177)
(483)(1357)(14830)(2308)(675837)(1032)(7666)(191)(81)
青鸟华光简大黑二 RegularV6.00
青鸟华光简大黑二 Regular
VIP会员下载需扣除50 字币(未经授权不得用于商业用途)
字体主要参数
字体家族：
字体风格：
字体版本：
书体类型：
来源类型：
文件格式：
授权方式：
个人/商用免费
字体嵌入许可：
字体公司：
字体设计师：
青鸟华光简大黑二 Regular 字体更新日志
青鸟华光简大黑二 Regular 网友点评
字形结构：
字形结构：
显示效果：
显示效果：
风格数量：
风格数量：
字符数量：
字符数量：
青鸟华光简大黑二 Regular 最新评论
暂无相关评论
评分：<strong class="ff
··········按照字体名称调用CSS字体-CSS层叠样式表简明教程 - 中国最权威的电脑教程认证信息软件资讯网站
第2页：按照字体名称调用CSS字体
第1个问题：你如何指示浏览器显示你希望 的字体?仅仅在字模后面键入字体的名称就
行了吗？ 很可惜，事情还不是这么简单，字体在各 个操作平台之上叫的名称可能会有变化。 比如，Courier在MAC机上叫做COurier
New。 在一台机器上可能叫Italic的字体在另一 台机器上可能就叫做Oblique。你仔细研究 之后会发现更多的这样的例子。
所以，我们称呼一种字体的名称并不一定 就是计算机对这种字体的名称。而你必须 确定使你所用的字体名称就是计算机所以 的字体名称。
那么你怎么确定计算机对一种字体的确切 名称是什么呢？这取决于于计算机所用的 操作平台。
Windows的用户：使用应用软件比如 word中的字体菜单中所列出的确切的 字体名称。
Mac机用户：不要相信应用软件给你 列出的字体名称。而应该打开你的 system folder，按照其中对字体的 拼写在你的样式表中使用字体名称。
字模系列 字模系列就是CSS中称呼一种字体的名称属 性。其基本语法如下：
H2 { font-family: helvetica, impact, sans-serif }
这里是Web浏览器阐释样式表的规则：首先 在列表中寻找字体的名称（helvetica）， 如果在该计算机中安装了这种字体，就使
用它。如果没有安装，则移向下一种字体 （impact），如果这种字体也没有安装， 则移向第3种字体（sans-serif）。 sans-serif字体参数是浏览器可以依据的
最后一种参数，它告诉浏览器使用任何一 种缺省sans-serif字体（或许就是Arial）。 以下为你所用浏览器的实际显示结果：
CSS font control
is peachy.
你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称 没有把握时，这样做无疑是一种好办法。 注意：浏览器更倾向于认可小写的名称。
当然，只用你对所有项目都进行了测试， 就不会有问题。 每次将一种generic字体作为最后的选项列 在字体列表中是一种很好的做法。你可以
选择以下几种：
serif (也可能是 Times)
sans-serif (也可能是 Arial或者 Helvetica)
cursive (也可能是 Comic Sans)
fantasy (也可能是 Ransom)
monospace (也可能是 Courier)
（注意：Netsacpe Communicator不支持 Cursive或者fantasy） 其它字体名称诀窍：
如果一种字体的名称不只一个单词， 比如Gill Sans，在你的CSS代码中用 引号包含该字体的名称。
BODY { font-family: &gill sans&, &new baskerville&,
行内加入的CSS规则，使用单引号：
&P STYLE=&font-family: 'gill sans', 'new baskerville',
serif&&Text goes here.&/P&
如果你将CSS规则的说明组合在一起， 而其中又包含字模系列，将字模系列 列在最后，例：
H2 { color: margin: 10 font-family: times, serif
有时候，如果字模系列没有列在最 后一条，IE 3 会忽略整个一条CSS 规则，很莫名其妙，但却是真的。
利用字模系列属性，你可以按照字体名称 调用字体，而且在使用&FONT FACE&标签时 将拥有更大的灵活性。
[][][第3天][][第5天]中兴v9180字体设置在哪_百度知道
中兴v9180字体设置在哪
手机默认不支持修改字体的选项，可以在手机的主题里面切换其他的主题，然后重启手机就能把手机的字体修改和主题一致。
其他类似问题
为您推荐：
字体的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁