CSS 控制字体

字形
CSS 用来控制字形的性质是 font-family. 你可以用它来决定任何一个元素中文字的字形.
比如
  P.v {font-family: Verdana}
  H2.a {font-family: arial}
This H2's font is "Times New Roman"
This paragraph is using "Verdana" font
有的时候, 你所给的字体浏览器不见得有,你可以多给几种比如
  P {font-family: Verdana, Forte, "Times New Roman"}
上面这个定义可以使得浏览器先用Verdana, 如果没有就用Forte...
记住每个字形之间要用逗号隔开.
大小
用来控制字体大小的性质是 font-size 比如
  P.f12 {font-size: 12pt}
  P.f18 {font-size: 18pt}
This paragraph's font is 12pt
This paragraph's font is 18pt
你可以自己慢慢调整字体的大小直到满意为止. 一般来说, 字
体的大小没什么限制, 但 500 以下比较安全.
斜体
如果想让字体成为斜体, 要用 font-style 性质, 比如
  P {font-style: italic}
This paragraph's font is italic
加重
用 font-weight 来调节文字的粗细, 比如
  P.bold {font-weight: bold}
This paragraph's font is normal
This paragraph's font is bold
font-style 的可能的值是 lighter, normal, bold, bolder

时间: 2024-09-08 00:47:54

CSS 控制字体的相关文章

CSS控制字体效果的思考

css|控制 字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的. 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的.看看下面的图示就会发现,英文字体里的那些变化在中文字体里都弱化了. 作为中文的读者,习惯性的接受方块形状做为阅读的单元,其实对于眼睛来说,这是一种容易疲劳的方式,阅读的时候你的视线实际上是跟随整行文字的外形.看看这个例子. NOW I'

JavaScript 控制字体大小设置的方法_javascript技巧

在做公司的官网的时候,新闻内页会有一个让浏览者自己调整文字大小的功能,因此在这个空闲时间,把这个功能整理下来: function setFontSize (id,content,params){ var oTarget = document.getElementById(id), content = document.getElementById(content), size = params.size || 14, maxSize = params.maxSize || 20, step =

CSS的字体、字型控制

css|控制     ★☆★使用CSS你可以对页面的字体进行任意的控制,比起HTML简直方便不知多少.     CSS使用"font-size"属性来控制字体大小.     CSS中可以使用的单位:points, pixels等单位 . ★使用 points(点):      td { font-size: 9pt }     告诉浏览器以9 points的尺寸显示<TD>标签内的字符,本页就采用9pt的字体,我认为"宋体+9pt"是非常漂亮的选择.Po

css 控制 h1 h2 h3 标签字体大小

CSS控制网页H1标签字体大小,网页设计中经常使用H1标签对关键字优化,可是那大大的字体实在是不爽.那就改掉它吧! 使用CSS就可以轻松解决下面是解决的方法: <style type="text/css"> <!-- h1 {font-size: 14px;color: #16387c; display : inline} --> </style> www.111cn.net是提供<H1>网页设计教程</H1>.网页设计文档.

CSS样式表一席谈之利用CSS改变字体

css|样式表 在过去页面上的字体是一成不变的,静静的呆在那.当DHTML(动态网页)出现后,我们能有更多方式控制字体了.一般来说,动态字体的实现核心是CSS(层叠样式表)加JavaScript.使用了以上两项技术后,字体就能产生许多变化. 1.CSS定义字体的标签元素 font-family: 设置字体字族. <span style="font-family: 黑体, 宋体(GB)">田涛</span> font-sytle:设置字体类型. <span

运筹帷幄 用CSS控制网站总“队形”

css|控制 网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性.网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果. 为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档.根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它. 整体改变页面风格 现在网页中流行宋体的9pt和10.5pt的字体,按快捷键"Shift+F11"打开"CSS Style控制面板&

网页制作中应用CSS控制文本的主要指令

css|控制|网页 本章CSS的主要作用 本章要介绍的是文字相关的CSS指令.通 常一个网站的内容最多的就是文字了,透过这些文字相关的CSS指令,您可以将您的 网页内容排版得美美的.本章将分两个部份为您介绍,第一部份是字型性质的CSS指 令,用以控制文字字型的各种样式:第二部份介绍的是文字性质的CSS指令,用以控 制文字段落的外观及摆设方式. 字型性质的CSS指令 font-family 设定文字字型 支 持:IE3.IE4适 用:所有元素可能值: <family-name> 字型名称 预设值

CSS控制 如何让12px以下的文字正常显示

css|控制|显示 在网页中如何让大小为12px以下的文字正常显示可以有很多方式,例如 NT 系统支持这样的: 11px 运行代码框 <style by tesion.>p{font: 11px tahoma}</style><p>tahoma font style, size 11px. 中文字体 </p>   [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 中文运行代码框 <style by tesion.>p{font: 1

用CSS控制网页总体风格

css|控制|网页 网页设计中我们通常需要统一网页的整体风格,统一的风格大部分涉及到网页中文字属性.网页背景色以及链接文字属性等等,如果我们应用CSS来控制这些属性,会大大提高网页设计速度,更加统一网页总体效果.     为了达到修改整个网页的目的,我们需要编辑一个外挂式的CSS文档.根据这个文档定义和修改不同CSS属性并在页面元素相同或者相似的网页里调用它.     整体改变页面风格     现在网页中流行宋体的9pt和10.5pt的字体,按快捷键"Shift+F11"打开"