/* 如果您想设置自定义字体,则必须将字体文件放置在您网站的服务器上,并将它们与您的样式表链接。例如: */
@font-face{
font-family: MyCustomFont;
src: url('myfont.ttf');
}
/* 然后,您可以通过将自定义字体指定给“font-family”属性来应用新字体: */
p{
font-family: MyCustomFont, Arial, sans-serif;
}
/* 在这个例子中,如果MyCustomFont字体不可用,则Arial、sans-serif字体将作为备选字体。 */
在CSS中,字体名称必须使用双引号或单引号进行引用。如果字体名称中有空格或特殊字符,引号是必需的。以下是一个示例:
p{
font-family: "Times New Roman", serif;
}
除了设置字体名称之外,大家还可以通过“font-size”属性来调整字体大小:
p{
font-size: 16px;
}
还可以使用像“em”、“rem”或百分比等相对值来指定字体大小。如果您需要在不同尺寸的屏幕上提供响应式布局,这种方法可能更合适。下面是有关如何使用“em”和“rem”来设置字体大小的例子:
body{
font-size: 16px;
}
h1{
font-size: 2em; /* 等于32px(16px x 2)*/
}
h2{
font-size: 1.5rem; /* 等于24px(16px x 1.5)*/
}
最后,您可以通过“color”属性来调整字体的颜色:
p{
color: #333; /* 可以是颜色名称或十六进制值。 */
}
将以上示例代码组合在一起,您可以创建出一个定制化的字体样式。正如您在本文中所看到的,使用CSS可以轻松地调整字体的名称、大小和颜色。这将有助于您创建出漂亮、具有吸引力的网站页面,以吸引更多的用户。