html - 网页中的 Opentype 字体没有重音

标签 html css opentype

我正在尝试使用 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' 的 'á' 字符。

最佳答案

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

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

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

关于html - 网页中的 Opentype 字体没有重音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18568007/

相关文章:

html - 在表格单元格内对齐表格

fonts - 如何在 Visual Studio Code 中启用递归 (OpenType) 字体代码连字?

java - 在 iText 中访问 OpenType 字形变体

html - 如何使用 "template" Controller 创建页面并在 VoltRb 中查看

javascript - contenteditable <div> 上下文菜单中的新元素

css - Jekyll 的树结构

python - 修改Python脚本批量转换目录下所有 "WOFF"文件

javascript - JS DOM createElements 和appendChild 不起作用

html - 即使内容溢出,垂直滚动条也不会出现在 div 上?

javascript - 使用 CSS 过渡和 Javascript 创建移动的 3d 框