2014-05-15 117 views
1

所以我从Fontsquirrel下载了一种字体,它具有爱沙尼亚语使用的所有字母。当我使用所有常用字母时,它在浏览器中工作正常,但只要我使用字母“ž”,它就不会显示正确的字体。特殊字符没有以正确的字体显示

这是我的HTML的外观:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>8 Delfiini | Massaažiga argipäevast kõrgemale</title> 

<!-- Bootstrap --> 
<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/styles.css" rel="stylesheet"> 

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
<!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
    <![endif]--> 
</head> 
<body> 
<div class="container"> <!--page wrapper--> 
<section id="avaleht"> 
    <h1>Massaažiga argipäevast kõrgemale</h1> 
</section> 
... 

而CSS:

h1 { 
    font-family: 'alluraregular'; 
    font-size: 6em; 
    text-align: center; 
    } 

我改变了 “郎= EN” 到 “郎=等”,但没有奏效。

这是结果:

Capture

有没有一种方法,使这项工作正常?谢谢!

+0

你能指点我的字体吗?字符可能存储在字体文件的不同位置。 – Sam

+0

我希望我理解正确。 :) Fontface看起来像这样: – bijoume

+0

@ font-face { font-family:'alluraregular'; src:url('../ fonts/allura-regular-webfont.eot'); \t url('../ fonts/allura-regular-webfont.eot?#iefix')format('embedded-opentype'), url('../ fonts/allura-regular-webfont.woff' )格式('woff'), url('../ fonts/allura-regular-webfont.ttf')格式('truetype'), url('../ fonts/allura-regular-webfont.svg# alluraregular')格式('svg'); font-weight:normal; font-style:normal; } Fontsquirel的链接在这里:http://bit.ly/1k4ZMCg – bijoume

回答

1

默认情况下,FontSquirrel webfont generator对“西方语言”使用“基本子集”,这实际上意味着ISO Latin 1,专为西欧和北欧语言设计, ž,与caron的z。为了解决这个问题,请在用户界面中选择“Expert”,然后使用合适的选项(“Latin Extended-A”或“Estonian”应该处理该问题)“无子集”或“自定义子集”。由于字体很小,“无子集”是最好的选择。

相关问题