이번 글은 IOS를 위한 스타일 설정에 대한 글입니다.

IOS기기를 사용하던 도중 사이트에 일부 폰트가 적용이 되지 않는 현상이 일어났습니다.

 

빨간색 사각형으로 강조해놓은 부분을 보시면, 폰트가 고딕이 아닌 다른 폰트로 되어 있어서 상당히 불편하게 보여지는 경우입니다.

 

이런 경우에는 애플 전용 폰트를 스타일에 넣어서 우선적으로 적용하도록 하여야 합니다.

 

font-family:"helvetica neue""sans-serif";

IOS에서 영문, 숫자 폰트인 helvetica neue를 먼저 적용시킨 다음에 지원하지 않는 부분에 대해서는 sans-serif로 적용을 하도록 하면 간단하게 해결이 가능합니다.

 

그 결과 영문에도 폰트가 깔끔하게 적용이 되어 있는 모습이네요.

혹시 모바일에서 자주 이용되는 홈페이지를 만들게 된다면 해당 사항을 기억하고 있다가 스타일에 적용하시면 될 것 같습니다.

'프로그래밍 > CSS3' 카테고리의 다른 글

IOS를 위한 영문,숫자 폰트 지정  (1) 2019.04.16
[CSS3] 스타일우선 순위  (0) 2018.06.12
CSS Sprite(CSS 스프라이트)  (0) 2018.01.31
CSS3 스크롤바 스타일  (0) 2017.05.30
CSS3 display:inline-block시 가로 여백  (0) 2017.05.30
[CSS3] box-shadow (그림자 효과)  (0) 2017.04.21
  1. BlogIcon Lazyig  블로그 2019.04.18 14:31 신고

    ㄹㅇㄴㅁ

댓글 작성