如何用css设置网页字体[多图]

html-css011

如何用css设置网页字体[多图],第1张

考虑到用frontpage制作网页的人较多，同时它对其他网页编辑器的使用者也有一定的借鉴作用，

我们可以用css设置出无数种网页字体，但万变不离其宗，任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法，它是这样子的：HTML 标志 { 标志属性：属性值；标志属性：属性值；标志属性：属性值；…… }。设置字体时，只要正确的更改字体属性的属性值，就可以达到目的。字体属性共分五种：字族（font-family）、字体风格（font-style）、字体变形（font-variant）、字体加粗（font-weight）、字体大小（font-size），此外font属性是一个总体属性，可一一指定以上各种属性和属性值。它们的功能与属性值如下：

1、字族（font-family）

功能：通过font-family指定字体类型用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。 其语法为：h1 {font-family: 字体类型，字体类型，字体类型} 2、字体风格（font-style)

功能：使文本显示为扁斜体或斜体等?属性值：normal-普通、italic-斜体、oblique-偏斜体 语法为：h1{font-style:属性值} 3、字体变形（font-variant）

功能：使文本中的小写字母显示为字体较小的大写字母，常用于设计特殊的标题。 属性值：normal（普通）和small-caps（小型大写字母） 语法为：h1{font-variant:属性值} 4、字体加粗（font-weight）

功能：用于设置字体笔划的粗细。

代码：

效果：

原理：

color:#00FF00设置字体颜色

font-size:16px设置字体大小

font-family:"微软雅黑"设置字体

在Safari下用css强制修改网页字体的方法是：

1、一个很好的方法，不至于让网页大出浏览器的框以至于需要拖动。

在CSS文件里面这样写：

2、也可以这样写：

3、或者safari

下用css

强制指定字体就可以了

总结：这三个方法都可以在Safari下用css强制修改网页字体，而且都不难。