Html 中文字体的本地字体不适用于文本_Html_Css_Fonts_Font Face_Truetype

Html 中文字体的本地字体不适用于文本

html css fonts

Html 中文字体的本地字体不适用于文本,html,css,fonts,font-face,truetype,Html,Css,Fonts,Font Face,Truetype,我想为浏览器提供本地中文字体，但chrome或firefox似乎没有加载这些字体。这里可能出了什么问题我尝试过以各种方式编写路径-绝对/相对路径，但仍然不起作用。chrome的“网络”选项卡似乎没有反映加载任何本地字体文件 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc

我想为浏览器提供本地中文字体，但chrome或firefox似乎没有加载这些字体。这里可能出了什么问题

我尝试过以各种方式编写路径-绝对/相对路径，但仍然不起作用。chrome的“网络”选项卡似乎没有反映加载任何本地字体文件

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="font_face_index.css">
</head>
<body>
    <svg width="800" height="400">
        <text font-family='5' font-size="20px" y="50" x="50">咬释征巩个第涉景试为工给期催音足疗牛</text>
    </svg>

    <h2 style="font-family:'KaiTi';">咬释征巩个第涉景试为工给期催音足疗牛</h2> 
</body>
</html>

本地安装在我的机器上的“KaiTi”正在工作，而

文本默认为默认字体。（我已尝试了此处列出的所有字体）。
对于Windows系统，请在文件名中使用，或使用连字符重写
例如：
@font-face {
    font-family: 'A-Li-Da-Slender';
    src: url(font/A-Li-Da-Slender-Bold-Elegant-Chinese-Font-Simplified-Chinese-Fonts.ttf);
}

或
@font-face {
    font-family: 'A-Li-Da-Slender';
    src: url(font/A-Li-Da-Slender-Bold-Elegant-Chinese-Font-Simplified-Chinese-Fonts.ttf);
}

@font-face {
    font-family: 'A-Li-Da-Slender';
    src: url(font/Aa\ Aquarius\ Chinese\ Font-Simplified\ Chinese\ Fonts.ttf);
}