引导中的语言标志

时间:2014-07-29 09:47:34

标签: html css css3 twitter-bootstrap

我为我的网站使用bootstrap模板,但我的菜单中的语言标志有问题。 在网站上的文字一切都很好,但菜单栏字体不显示语言标志。它看起来像这样:

Screenshot

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

CSS with font useage:

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%;
}

1 个答案:

答案 0 :(得分:0)

默认情况下,许多Google字体仅包含拉丁语1字符,这或多或少意味着西欧语言中使用的字符。例如,对于波兰语,您需要使用包含其他字母的字体版本。如果您使用默认版本的Roboto,系统中将使用其他字体显示其他字母(在本例中为浏览器的默认sans-serif字体)。

使用Google托管的字体时,Roboto selection page等Google页面包含第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规则的要求,应该对&符号“&amp;”进行转义:

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