在网页上呈现不同的字体样式和字重,可以使用CSS来实现。以下是一些常见的方法:
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/font.ttf');
}
然后,你可以通过设置font-family
属性来使用这个自定义字体。
body {
font-family: Arial, Helvetica, sans-serif;
}
在上面的示例中,如果用户的计算机上没有Arial字体,浏览器将尝试使用Helvetica字体,如果还找不到,则使用sans-serif字体。
然后,你可以通过设置font-family
属性来使用Google字体。
p {
font-family: Arial, sans-serif;
font-style: italic;
font-weight: bold;
}
在上面的示例中,段落文本将使用Arial字体、斜体和粗体。
然后,你可以使用类名来添加字体图标:
上面的示例将显示一个心形图标。
这些只是一些常见的方法,你可以根据具体需求选择适合的方法来呈现不同的字体样式和字重。