@font-face {
font-family: 'HelveticaNeueLight';
src: url('fonts/HelveticaNeueLight/helveticaneuelight.eot');
src: url('fonts/HelveticaNeueLight/helveticaneuelight.eot') format('embedded-opentype'),
url('fonts/HelveticaNeueLight/helveticaneuelight.woff') format('woff'),
url('fonts/HelveticaNeueLight/helveticaneuelight.ttf') format('truetype'),
url('fonts/HelveticaNeueLight/helveticaneuelight.svg#HelveticaNeueLight') format('svg');
font-weight: normal;
font-style: normal;
font-variant:normal;
} 나는 또한 스타일과 굵은 텍스트에 다른 클래스가
을 :
.BusinessLeftHeader{
font-family: HelveticaNeueLight;
font-size: 32px;
padding: 30px 0 5px;
text-align: center;
line-height: 1;
font-variant: normal;
}
이제 iPad 2에서 글꼴이 굵게 표시되지 않습니다. 텍스트가 흐릿한 효과 또는 이와 유사한 것으로 보입니다.
이 코드를 사용하여이 문제를 해결할 수도 있습니다.
-moz-font-smoothing: none;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
하지만 여전히 동일한 문제가 발생합니다. iPad 2에서 텍스트가 잘 보이지 않습니다. 확대하면 잘 보입니다.
너비가 423px 인 경우 컨테이너에 너비와 높이를 지정해주세요. 그러면 424px로 만듭니다. – Era