아이폰에서 폰트 적용안되는 현상 ㅜ

아이폰에서 폰트 적용안되는 현상 ㅜ

QA

아이폰에서 폰트 적용안되는 현상 ㅜ

본문

급해서 문의 올립니당

지마켓 산스 적용해서 모두 다 출력 되는데

아이폰 사파리에서만 출력이 안되고 다른 폰트로 적용되있어서

어떤 코드를 추가하면 좋을까요?

도움 부탁드립니다 ㅜ

 

현재 헤더쪽에 적용된것은

 

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-face.css" />
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-family.css" />

 

이 링크 두개입니다

 

 

이 질문에 댓글 쓰기 :

답변 1

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/font-face.css?v=1.0"> 캐싱해보시기바랍니다. 아니면 crossorigin  속성과 as="style" 을 제거해보시구요 또한 호출한 폰트가 woff2 인가 확인해보시구요

@font-face {
  font-family: "GmarketSans";
  font-weight: 700;
  font-display: swap;
  src: local("Gmarket Sans Bold"),
    url("./fonts/woff2/GmarketSansBold.woff2") format("woff2"),
    url("./fonts/woff/GmarketSansBold.woff") format("woff");
}

@font-face {
  font-family: "GmarketSans";
  font-weight: 500;
  font-display: swap;
  src: local("Gmarket Sans Medium"),
    url("./fonts/woff2/GmarketSansMedium.woff2") format("woff2"),
    url("./fonts/woff/GmarketSansMedium.woff") format("woff");
}

@font-face {
  font-family: "GmarketSans";
  font-weight: 300;
  font-display: swap;
  src: local("Gmarket Sans Light"),
    url("./fonts/woff2/GmarketSansLight.woff2") format("woff2"),
    url("./fonts/woff/GmarketSansLight.woff") format("woff");
}

//서비스 확인해보면 이렇게 나옵니다.

아니요 저것은 상대경로를 가리키며 실제로 서버에 있다라는 이야기입니다.
 그렇면. 절대경로를 써줘야해요 이해하셔다면 적용해보시기바랍니다.

@font-face {
  font-family: "GmarketSans";
  font-weight: 700;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/woff2/GmarketSansBold.woff2") format("woff2"),
      url("https://cdn.jsdelivr.net/gh/ungveloper/web-fonts/GmarketSans/woff/GmarketSansBold.woff") format("woff");
}

답변을 작성하시기 전에 로그인 해주세요.
전체 127,605 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT