在CSS中,可以使用font-family
属性来控制字体类型。例如:
body {
font-family: Arial, sans-serif;
}
上面的代码将页面中所有文字的字体类型设置为Arial,如果用户的计算机上没有安装Arial字体,则会使用默认的sans-serif字体。
如果想要使用页面中没有预装的特殊字体,可以通过引用外部字体文件来实现。以下是实现步骤:
@font-face
规则来定义字体:@font-face {
font-family: 'Open Sans';
src: url('OpenSans-Regular.ttf');
}
上面的代码将字体文件OpenSans-Regular.ttf
定义为了一个新的字体Open Sans
,在CSS中可以通过font-family: 'Open Sans'
来引用这个字体。
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
上面的代码通过Google Fonts来引用Open Sans
字体。
body {
font-family: 'Open Sans', sans-serif;
}
上面的代码将页面中所有文字的字体类型设置为Open Sans
,如果用户的计算机上没有安装这个字体,则会使用默认的sans-serif字体。