做网站建设时注意字体属性

作者：佚名   时间：2014-03-13   分享到：

对于HTML和XHTMl，上海做网站建设的我们听到最大的抱怨是，其中缺少字体样式和特性，哪怕是最简单的文本编辑器所实现的也做不到。各种<font>属性则解决了部分问题，但用起来非常磅礴为，因为每次文本字体改变时都需要一个不同的<font>标签。
    当然，样式表可以改变这一切。CSS标准提供了7种字体属性，用它们便可以修改受影响标签内所包含文本的外观，这些属性是：font-family,font-size: font-size-adjust、font-style、 font-variant、 font-stretch和font-weight。此外还有一个通用的font属性，用它可以声明所有的字体值。
    但是请注意，样式表无法克服用户显示/文档显示系统方面的局限性，浏览器也无法想像出自身所带字体没有提供的效果。
字体font-family属性
    font-family（字体系列）属性采纳的是以逗号分开的字体名称列表。浏览器使用列表中明明的第一种字体在客户端机器上显示文字，当然，这种字体必须已经安装在该机器上，而且可以使用。
   字体名称值是专用于字体样式的，例如Helvetica或Courier或CSS标准定义的一般字体样式：serif、sans-serif、cursive、fantasy或monospace。浏览器为每种一般字体都定义了实际使用的字体名称。例如，Courier是等宽字体最流行的选择。
    由于字体根据浏览器的不同而有明显的变化，当指定一种字体样式时，应该总是提供多种选择，最后以一个合适的一般字体作为结束。例如：

h1{font-family: Helvetica, Univers,sans-serif}

    浏览器会根据上述代码查找和使用Helvetica字体，然后是Univers字体。如果这两种字体都不能在客户端显示，浏览器将使用一般的sans-serif字体。
    对于诸如New Century Schoolbook中央含有空格的字体名称，要用引号括起来。例如：

p{font-family: Times, "New Century Schoolbook". Palatino, serif}

    在使用内联样式时，多重的双引号会导致出现问题。因此，在内联样式中应该使用单引号标记：

<p style={font-family:Times, New Century S choolbook, Palatino, serif"}

    在实际使用中则不需要使用引号，因为字体名称值都是用逗号分开的，所以浏览器一般情况下都会忽略字体名称前后的空格。这样:

p {font-family:Times, New Century Schoolbook, Palatino,serif}
<p style="font-family:Times,New Century Schoolbook, Palatino,serif">

    在实际的网站中这两者都是合法的。但我们在上海做网站建设时都使用引号标记。这是一个好习惯，因为这样就很少会出现歧义了。