1 篇博文含有标签「font」

在网页中引入字体

2024年3月12日 · 阅读需 1 分钟
子虚伊人
@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-35-Thin.woff2") format("woff2");
    font-weight: 100;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-45-Light.woff2") format("woff2");
    font-weight: 200;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2");
    font-weight: 300;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-65-Medium.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-75-SemiBold.woff2") format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-85-Bold.woff2") format("woff2");
    font-weight: 600;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-95-ExtraBold.woff2") format("woff2");
    font-weight: 700;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-105-Heavy.woff2") format("woff2");
    font-weight: 800;
}

@font-face {
    font-family: "AlibabaPuHuiTi";
    src: url("./fonts/AlibabaPuHuiTi-3-115-Black.woff2") format("woff2");
    font-weight: 900;
}