css3font字号

CSS3的字号可以通过font-size属性来实现，这个属性的取值可以是多种单位：像素（px）、百分比（%）、em、rem等，同时还可以使用预设的字号名称如small、medium、large等。

/* 设置字号为16像素 */p {
    font-size: 16px;
}
/* 设置字号为100% */p {
    font-size: 100%;
}
/* 设置字号为1.2em */p {
    font-size: 1.2em;
}
/* 设置字号为medium */p {
    font-size: medium;
}

在使用font-size属性时需要注意的是，字号的大小是相对于父元素的，而不是绝对值。比如一个字号为16px的p元素嵌套在一个字号为14px的div元素中时，其实际字号的大小为16/14=1.143倍。

此外，CSS3还支持使用@font-face规则引入自定义字体文件，这为网页设计带来了更为丰富的字体选择。对于有特殊需求的设计师来说是一个非常有用的功能。

@font-face {
    font-family: 'My Custom Font';
    src: url('mycustomfont.woff2') format('woff2'),url('mycustomfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* 使用自定义字体 */p {
    font-family: 'My Custom Font';
}
    

CSS3的字号属性为网页设计带来了更多选择，同时也提高了用户体验，让页面文字更加清晰易读。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！