网页中的 Opentype 字体没有重音符号答案

【问题标题】：Opentype font in web page without accents网页中的 Opentype 字体没有重音符号
【发布时间】：2013-09-05 06:07:24
【问题描述】：

我正在尝试使用 Neo Tech Black 字体在我的网页中使用重音符号，但它在这里不起作用。我打开 .otf 文件，我真的发现只有小写和大写的字母字符。我可以做些什么来不必更改我的字体选择？

简化我的html5代码就像

<html>
    <head>
        <title>Gustavo Schimiti Home Page</title>
        <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
        <link rel="stylesheet" type="text/css" href="HPStyle.css"/>
    </head>

    <body>
        <div id="container">
            <header id="page_header"><h1>Gustavo Schimiti<h1></header>

            <nav>Home | Horários</nav>
        </div>
    </body>
</html>

我的 css3 代码是这样的

#container {
    width: 960px;
    margin: 0 auto 0;
    position: relative;
}

header {
    background-color: rgb(161, 182, 154);
    border-radius: 10px;
    float: left;
    width: 960px;
    height: 140px;
    font-family: NeoTech;
    src: url("NeoTech-Black.otf") format("opentype");
    text-align: center;
    color: white;
}

nav {
    background-color: rgb(90, 71, 27);
    border-radius: 10px;
    float: left;
    width: 960px;
    height: 40px;
    font-family: NeoTech;
    src: url("NeoTech-Black.otf") format("opentype");
    text-align: center;
    color: white;
}

问题出现在 nav 标记中单词“Horários”的“á”字符上。

【问题讨论】：

标签： html css opentype

【解决方案1】：

这可能意味着 .otf 文件仅包含字体的基本拉丁文集（即大小写字母和标点符号）。这样做主要是为了减小文件大小，从而降低加载速度。

如果您想使用重音符号，您应该寻找扩展的拉丁语集。在 fonts.com 上订购 webfont 时，您可以在“latin 1(25k)”和“latin ext 1(40k)”之间进行选择。

http://www.fonts.com/font/monotype/neo-tech/black/web-font?var=742879

【讨论】：