css3字体设置

在网页设计中，字体设置是一个非常重要的元素，要让网页看起来更加美观，需要对字体进行一些设置。CSS3是一个强大的工具，可以帮助我们实现各种字体效果。

/* 字体设置 */
body {
    font-family: "Microsoft Yahei",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.2;
}

p {
    margin: 0 0 1em;
    text-align: justify;
}

/* 文字特效 */
.text-red {
    color: #f00;
}

.text-bold {
    font-weight: bold;
}

/* 自定义字体 */
@font-face {
    font-family: "My Font";
    src: url("myfont.woff") format("woff");
}

/* 使用自定义字体 */
.my-text {
    font-family: "My Font",sans-serif;
}

在上面的代码中，我们首先设置了网页的基本字体，包括字体名称，字体大小，字体粗细，行高和字体颜色。然后我们又针对不同的标签进行了一些特殊的设置，比如标题和段落。

接下来，我们还定义了一些文字特效，包括红色字体和加粗字体。这些特效可以在需要时直接使用，非常方便。

最后，我们还介绍了如何使用自定义字体。首先需要通过@font-face指令定义一个新的字体，然后才能在代码中使用它。这样可以让网页更加独特，提高品牌形象。