Html 如何在网页上正确呈现土耳其语字母（拉丁文Extend-A？）？

我们正在本地化我们的土耳其语网站。 但不知何故，有些重音字母显示不正确。它们似乎比其他字母更粗体。请看截图

我们正在使用Rails。以下是该页面的源代码：

<span id="page"></span>
<div class="article_container">

<div class="main_col_fluid article">
    <div class="module" itemscope itemtype="http://schema.org/Article">
<div id="breadcrumb" class="breadcrumb superfluous">
<a href='/turkey/tr'>Anasayfa</a><span class='divider'> › </span><a href='/turkey/tr/world'>Dünya</a><span class='divider'> › </span><a href='/turkey/tr/world/asia-pacific'>Asya Pasifik</a>
</div>

<div class="intro">
<div class="meta_wrapper">
    <span class="meta date" itemprop="datePublished">28 Şubat 2014, Cuma</span>
</div>
<h1 itemprop="name">Temel Misyonumuz</h1>
<div class="meta_wrapper">
    <span class="meta source" itemprop="author">Abdulla al Gurg, Al Gurg Group</span>
</div>
<hr>
<div class="strapline" itemprop="description">
    <p>Nissan Leaf&#x27;in arka kapısındaki siyah camlar bu pilli-elektrikli arabada farklı bir şeyler olduğunun ilk ipucu. Yan tarafına yazılmış “Otonom Sürüş” kelimeleri ise durumu daha iyi anlatıyor.</p>
</div>
<ul class="actions">
<li class="share">
<a href="http://www.addthis.com/bookmark.php" class="addthis_button no-lightbox">
    <span class="icon"></span> Paylaş <span class="icon arrow"></span>
</a>
</li>
<li class="print superfluous">
<a href="#">
    <span class="icon"></span> Yazdır
</a>
</li>
</ul>
</div>

<div class="media">
</div>

<div class="content" itemprop="articleBody"><p>Temel Misyonumuz, bilimsel donanım ve anlayışa sahip, &ccedil;ağdaş, demokrat, &uuml;retken, &uuml;lke ve d&uuml;nya sorunlarına duyarlı, yeniliklere a&ccedil;ık, değişen koşullara uyum g&ouml;sterebilen, geleceğe y&ouml;nelik hedefleri olan, grup i&ccedil;inde &ccedil;alışmayı bilen, liderlik ve iletişim becerilerine sahip, modern eğitim-&ouml;ğretim ve bilgi-iletişim teknolojilerini kullanabilen, farklı bilim dalları arasında ilişki kurabilen ve bilgilerini farklı alanlara uygulayabilen/yansıtabilen, k&uuml;lt&uuml;re ve sanata duyarlı, &ccedil;eşitliliği bir zenginlik olarak algılayan, teori ile uygulamayı birleştirebilen, &ouml;zg&uuml;veni ve hoşg&ouml;r&uuml;s&uuml; olan, yaşam boyu &ouml;ğrenmeyi ve kendini yenilemeyi ilke edinmiş, kendisiyle ve &ccedil;evresiyle barışık, profesyonel ve mesleğine adanmış, eleştirel, yansıtıcı ve yaratıcı d&uuml;ş&uuml;nme ile karar verme ve problem &ccedil;&ouml;zme becerilerine sahip, d&uuml;ş&uuml;ncelerini &ouml;zg&uuml;rce ifade edebilen &ouml;ğretmenler yetiştirmektir.</p>

<p>Eğitim ve &ouml;ğretimle ilgili ulusal ve uluslararası d&uuml;zeyde kuramsal ve uygulamalı bilimsel araştırma ve projelerin yanı sıra kongre, seminer, sempozyum, panel ve &ccedil;alıştaylar d&uuml;zenleyerek sonu&ccedil;larının geniş kitlelere ulaşmasını ve uygulamalar &uuml;zerinde etkili olmasını sağlamak; eğitim ve &ouml;ğretimle ilgili faaliyette bulunan resmi ve &ouml;zel, yerel, ulusal ve uluslararası kurumlarla işbirliği yaparak hem onların imkan ve tecr&uuml;belerinden yararlanmak hem de s&ouml;z konusu kurumların gelişmelerine katkıda bulunmak ise fak&uuml;ltemizin diğer &ouml;nceliklerini oluşturmaktadır.</p>
</div>

›  › 
2014年8月28日，库马
特梅尔·米苏努穆兹
Abdulla al-Gurg，al-Gurg集团

日产Leaf&x27；在arka kapısındaki siyah camlar bu pilli elektrikli arabada farklıbirşeyler olduğunun ilk ipucu。Yan tarafına yazılmışşşş“Otonom Sürş”kelimeleri ise durumu daha iyi anlatıyor







Temel Misyonumuz、bilimsel donanım ve anlayıa sahip和ccedil；阿奥达、民主和乌姆勒；retken和uuml；lke ve dü；nya sorunlarına duyarlı，yeniliklere aç；ık，değişen koşullara uyum gö；斯特雷比伦、盖莱切奥耶和乌姆；nelik hedefleri olan，grup iç；indeç；阿勒梅·比伦、利德利克·维伊·伊莱蒂姆·贝克里勒林·萨希普、现代伊蒂姆和乌姆；库拉纳比伦、阿拉斯、库拉比伦、库拉比伦和维库拉比伦/扬斯、塔比伦；ltü；重新考虑sanata duyarlı和ccedil；伊蒂利利·比尔·曾金利克·奥拉拉克·阿尔格莱安、维库拉梅·蒂雷比伦和乌姆勒；zgü；维尼·韦尼·霍伊格和乌姆；rü；sü；奥兰、亚拉姆·博尤和乌姆勒；ğrenmeyi ve kendini yenilemeyi ilke edinmiş，kendisiyle veç；evresiyle barşşşşk、梅斯莱因·阿达姆教授、埃勒·蒂雷尔、杨斯·蒂尔夫·亚拉特·亚拉特·阿达姆和乌姆勒；şü；不可能是真正的问题ö；zme becerilerine sahip，dü；şü；恩塞莱里尼和乌姆利；zgü；rce伊法德埃迪比伦和乌姆勒；ğretmenler yetiştirmektir

Eğitim veö；ğretimle ilgili ulusal ve ulusalarasıdü；zeyde kuramsal ve Viguulamalıbilimsel araştırma ve projelerin yanısıra kongre、seminer、sempozyum、专家组和ccedil；塔伊拉尔dü；zenleyerek sonuç；维吾尔族和乌伊姆勒人的种族歧视；泽林德·埃特基利·奥尔马斯·恩萨奥拉马克；eğitim veö；ğretimle ilgili faaliyette bulunan resmi veö；zel、yerel、ulusal和Ulumsalarasıkurumlarla işbirliği yaparak仅在技术和uuml中使用；belerinden Yarallanmak sö边缘；z konusu kurumların gelişmelerine katkıda Bulumbak ise fakü；勒特米津·迪奥尔和乌姆勒；nceliklerini oluşturmaktadır

我已经试过了，正如

而且

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext" media="all" rel="stylesheet" type="text/css" />

但两者似乎都没有帮助

你建议如何解决这个问题？

---

谢谢。

这个谜已经解开了。我们正在使用从fonts.com购买的自定义字体。 显然，我们购买的这种字体不包含拉丁文Extend-A字符。任何缺少的字形都使用系统字体（可能是mac上的Helvetica）渲染，因此缺少的字符看起来是粗体的

---

解决方案是重新下载包含拉丁Extend-A字符的字体。

这个问题缺少实际使用Roboto（或opensans）的代码。

link

元素只是定义它以供使用。在屏幕截图中，字母ı、ş、ç、ğ看起来不错。只有像标题一样的文本存在问题，在复制文本之前，更大的尺寸。您需要显示实际重现该问题的CSS代码。

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext" media="all" rel="stylesheet" type="text/css" />