_imgTag_

           

[ 27 INFINITE ] 폰트 변경 방법에 대한 안내
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

    • 이 상품은 해외배송이 가능한 상품입니다

    [ 27 INFINITE ] 폰트 변경 방법에 대한 안내품절
    인피니트 스킨에 대한 폰트 변경 및 설치하는 방법에 대한 안내입니다.
    기본 정보
    [ 27 INFINITE ] 폰트 변경 방법에 대한 안내
    인피니트 스킨에 대한 폰트 변경 및 설치하는 방법에 대한 안내입니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

    카드혜택안내 미확인 입금자

    개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.
  • 상품 수량
    수량
    증가 감소
    상품 옵션
    옵션 선택

  • 수량을 선택해주세요.

    옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

    최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.

    상품 목록
    상품명 상품수 가격
    [ 27 INFINITE ] 폰트 변경 방법에 대한 안내 수량증가 수량감소 0 (  )
    사이즈 가이드
  • TOTAL PRICE 0 (0개)

    할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • 공급사 바로가기
이 메뉴얼은 폰트의 로컬 설치가 아닌 GOOGLE을 포함한 모든 외부 CDN 을 이용한 설치에 대한 안내입니다.
로컬에 설치하는 경우 ftp 및 기타 폰트에 대한 이해도가 필요하므로, 이 메뉴얼에서는 다루지 않습니다.




1. 구글폰트 웹사이트에 접속합니다.
   ( https://fonts.google.com/ )






2. 원하시는 폰트를 선택하세요.
   * 여러개의 폰트를 선택하셔도 됩니다.






3. 사용할 폰트의 두께를 선택하세요.

   * 2개 이상 선택하지 않길 권장합니다.

   * font-weight의 경우 지정하지 않는 이상 2개 이상 사용하는 경우는 거의 없습니다.



 





4. 폰트의 CDN 정보와 FACE 정보를 복사합니다.

   * 아래의 폰트 코드에서 위에서 복사한 내용을 넣어서 폰트를 완성합니다.

   * 여러개의 폰트의 경우, 'roboto', 'notosans', 'nanum' 처럼 앞쪽에 여러개의 폰트명을 모두 넣어줘야 합니다.

   * font-family: 'Noto Sans KR', sans-serif; 이 정보 모두가 필요한 건 아닙니다. 두꺼운 부분만 필요합니다.


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Noto+Sans+KR:wght@400;700&display=swap');
body, button, input, select, table, textarea {
    font-family: 'Roboto Condensed', 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', '맑은 고딕', helvetica, 'Apple SD Gothic Neo', sans-serif;
}


   * 이렇게 네줄의 코드를 만드셨다면, 이제 설치 준비가 다 되신겁니다.





5. 스킨의 폰트 정보를 입력할 코드를 열어줍니다.

   * 표시된 부분의 코드 정보를 항목4 에서 만든 코드로 변경해줍니다.




 


* 주의할점

 - 폰트는 절대로 2개를 초과하여 선택하지 마시길 바랍니다.
 - 정말 특별한 경우에 2개를 초과해야 할 경우, 특정 페이지에서만 실행되도록 하세요.
 - 예를 들어 상세페이지의 상품명을 특별한 폰트로 해야해서 3개의 폰트를 설치하는 경우를 의미합니다.
 - 폰트는 모든 환경에서 보여지진 않습니다. 간혹 외부 폰트 정보를 불러오지 않도록 설정된 기기에서는 올바른 폰트를 볼 수 없습니다.
 - 걱정하지 마세요. 그런 기기는 다른 웹사이트의 폰트도 모두 다운받지 않습니다.


  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

REVIEW

게시물이 없습니다

목록

후기 작성하기 모두보기

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

Q & A

게시물이 없습니다

목록

상품 문의하기 모두보기