2015-01-29 1 views
1

내 글꼴을 올바르게 렌더링하기 위해 iOS 7/8을 사용 중입니다. iOS는 Helvetica Neue Light (HelveticaNeue-Light/HelveticaNeue-Bold)의 대담한 변형을 렌더링하는 방법을 모릅니다.CSS font-family HelveticaNeue-Light 굵게 렌더링하지 않음

예.

body { 
    font-family: "HelveticaNeue-Light"; 
} 

h1 { 
    font-weight: bold; 
} 

h2 { 
    font-weight: 600; 
} 

그리고 내 마크 업 : 나는 다음과 같은 CSS 선택기가

<li> 
    <h1>A. Crimson Tide UK (Enabled Customer - UK Depot)</h1> 
    <h2>1-14</h2> 
    <h2>10:00 - 11:00</h2> 
    <p>0914 Desc</p> 
</li> 

을 그리고 나는 H1 태그가 때마다, 아이폰 OS 렌더링 보인다 헬 베티 뉴 응축 볼드 (HelveticaNeue-CondensedBold) -하지 헬 베티 노이에 Bold (HelveticaNeue-Bold). - 내 CSS의 아무 곳이나 농축 설정하지 않은

iOS Font Issue

이 왜 볼드 헬 베티 노이에 응축 굵게하지 헬 베티 렌더링됩니다 : 여기

내 웹 페이지의 스크린 샷입니다!

h1 font-weight을 900으로 설정하면 Helvetica Neue에서 렌더링되며 약간 굵게 표시되지만 가중치는 적용되지 않습니다.

누군가가이 문제에 대해 밝히면 큰 도움이 될 것입니다.

고맙습니다.

+1

HelveticaNeue-Light는 h1'font-family : "HelveticaNeue-Bold"; 대신'bold'를 사용하려고 시도합니다. http://iosfonts.com/ – TonyMkenu

+0

감사합니다! 이 것을 바꿀 수 있고 왜 할 수 없는지 설명해 주시겠습니까?'font-family : "HelveticaNeue"'그리고 다양한 가벼운 글꼴 가중치를 사용하여 텍스트를 가볍게/더 굵게 만들 수없는 이유를 설명해 주시겠습니까? 'font-weight'를 더 굵게 설정했지만 더 밝게 설정하지 않으면). 그것은 내가 필요로하는 대답이기 때문에 아직 답을 얻을 수는 없다. :) – keldar

+0

답을 얻었 으면 대답으로 게시 해주세요 .... 저는 CSS가 좋지 않습니다. :)) – TonyMkenu

답변

1

나는 HelveticaNeue의 글꼴을 정의하여이 문제를 극복하고 가중치를 지정하고이 같은 각각의 지역 글꼴 파일로 지적 :

@font-face { 
    font-family: "HelveticaNeue"; 
    font-weight: 100; 
    src: local("Helvetica Neue Thin"), 
    local("HelveticaNeue-Thin"); 
} 

@font-face { 
    font-family: "HelveticaNeue"; 
    font-weight: 300; 
    src: local("Helvetica Neue Light"), 
    local("HelveticaNeue-Light"); 
} 

@font-face { 
    font-family: "HelveticaNeue"; 
    font-weight: normal; 
    src: local("Helvetica Neue"), 
    local("HelveticaNeue"); 
} 

@font-face { 
    font-family: "HelveticaNeue"; 
    font-weight: bold; 
    src: local("Helvetica Neue Bold"), 
    local("HelveticaNeue-Bold"); 
} 

그리고 바로 몸에 대한 기본 글꼴 가족과 무게로 지정 :

body { 
    font-family: HelveticaNeue, Helvetica, Arial, Verdana, sans-serif; 
    font-weight: 300; 
} 

이 방법은 모든 가중치는 내 컨트롤에있다 - 굵게 굵게 응축되지된다 결코, 그것은 대담한 남아있다.

iOS8이 그 이유를 알고 있습니다. 모르겠다.

관련 문제