html - bootstrap 中的语言符号

Question

我为我的网站使用 Bootstrap 模板，但我在菜单中遇到语言符号问题。在网站上的文本中，一切正常，但在菜单栏字体上不显示语言符号。它看起来像这样:

字体有波兰语符号。它显示了 liguistic 标志，但它们来自其他字体。

使用字体的 CSS:

body {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;

    font-weight: 300; 
    font-style: normal; 
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

Answer 1

默认情况下，许多 Google 字体仅包含 Latin 1 字符，这或多或少意味着西欧语言中使用的字符。例如，对于波兰语，您需要使用包含附加字母的字体版本。如果您使用默认版本的 Roboto，额外的字母将使用系统中的其他字体显示(在这种情况下，浏览器的默认无衬线字体)。

当使用由 Google 托管的字体时，Google 页面如 Roboto selection page包含第 2 项，“选择您想要的字符集”。勾选适用的方框；在这种情况下，选中“Latin Extended (latin-ext)”。然后 Google 会向您显示您需要使用的元素:

<link href='http://fonts.googleapis.com/css?family=Roboto&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

准确地说，应该按照一般 HTML 规则的要求对“&”符号进行转义:

<link href='http://fonts.googleapis.com/css?family=Roboto&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>