2014-03-07 1 views
0

터키 웹 사이트를 현지화하고 있습니다. 하지만 어떻게 든 악센트 부호가있는 문자는 올바르게 표시되지 않습니다. 그들은 다른 글자보다 더 굵은 글씨로 보입니다. 스크린 샷을 참조하십시오.웹 페이지에서 터키어 문자 (Latin Extend-A?)를 올바르게 렌더링하는 방법은 무엇입니까?

Turkish letters not displayed correctly

우리는 레일을 사용하고 있습니다. 여기에 소스 페이지의 코드가 없습니다 : this post

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

에 의해 제안 나는이 시도했다

<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> 

또한

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

하지만 둘 다 도움이 보인다.

어떻게이 문제를 해결 하시겠습니까? 감사합니다.

+0

Roboto (또는 Open Sans)를 실제로 사용하는 코드가 부족합니다. 'link' 엘리먼트는 그것을 사용하기 위해 정의합니다. –

+0

스크린 샷에서 문자 ı, ş, ç, ğ는 괜찮아 보입니다. 헤드 라인과 같은 텍스트 만 큰 텍스트로 복사 텍스트 앞에 문제가 있습니다. 실제로 문제를 재현하는 CSS 코드를 보여줘야합니다. –

답변

1

수수께끼가 풀 렸습니다. 우리는 fonts.com에서 구입 한 사용자 정의 글꼴을 사용하고 있습니다. 우리가 구입 한이 글꼴에는 Latin Extend-A 문자가 포함되지 않은 것 같습니다. 누락 된 글리프는 시스템 글꼴 (아마도 Mac에서는 Helvetica)을 사용하여 렌더링되므로 누락 된 문자는 굵게 표시됩니다.

해결 방법은 Latin Extend-A 문자를 포함하여 글꼴을 다시 다운로드하는 것입니다.

관련 문제