我只想给一块区域单独引用本地字体该怎么实现??

Question

1.我只想给某个区域单独引用某个字体怎么解决?这样貌似不行
div.box>text>textPath{

@font-face {
    font-family: Ampersand;
    src: local('SignPainter-HouseScript'),
    /*unicode-range: u+26;*/
}

}

Answer 1

@font-face {
    font-family: Ampersand;
    src: local('SignPainter-HouseScript');
    /* 其他声明... */
}

.selector {
    font-family: Ampersand;
}

你的语法没写对

Answer 2

我想你可能有些概念搞混了。

@font-face 用来定义自定义字体，本身只是一个模块。

定义出来字体名称就是那个 Ampersand. 这个字体名称在需要地方使用。

@font-face {
    font-family: Ampersand;
    src: local('SignPainter-HouseScript'),
    /*unicode-range: u+26;*/
}
div.box>text>textPath{
    font-family: Ampersand;
}