Mac 사파리 폰트 깨짐(명조, 궁서로 보임)

Hansol Kang·2024년 5월 29일
0

Mac

목록 보기
1/1
post-thumbnail

기본적으로 맥에는 명조, 굴림, 궁서 등 윈도우에서 사용하는 폰트가 없음.
웹에서 저런 폰트로 설정한 경우에는 폰트가 시스템 서체로 자동으로 대체되서 보임(시스템 서체 바꾸는건 모르겠음)
그래서 사파리에서 아래에 있는 css를 적용하면 됨.

@font-face {    
    font-family: "Malgun Gothic";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {    
    font-family: "맑은 고딕";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "Dotum";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "DotumChe";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "돋움";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "돋움체";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "Gulim";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "GulimChe";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "굴림";
    src: local("Apple SD Gothic Neo Regular");
}

@font-face {
    font-family: "굴림체";
    src: local("Apple SD Gothic Neo Regular");
}

이걸 사파리에 적용하면됨.
cmd + ,
고급에서 스타일 시트에서 저장한 css를 적용하면 됨.

사파리 옵션


테스트 문장

이 문장은 굴림체로 표시됩니다.

이 문장은 돋움체 표시됩니다.

이 문장은 맑은 고딕체로 표시됩니다.


적용 전

적용 후

끝으로

만약에 내가 더 원하는 폰트가 있다면 위 css에 추가하면 됨.
바탕과 궁서를 넣지 않은 이유는, 맥에서 바꿔주는 시스템 서체로 보는게 더 원본 폰트와 비슷한 느낌이라서 추가하지 않음.

profile
놀면 뭐하니 정리해

0개의 댓글

관련 채용 정보