주메뉴 바로가기 본문 바로가기

쇼핑몰 창업&운영에 꼭 필요한 혜택

자주 묻는 질문

궁금하신 사항을 FAQ를 통해 해결해드립니다.

디자인 > 반응형 스킨

[공통] 폰트를 바꾸고 싶어요.

  • 퍼스트몰
  • 일반몰, 입점몰 본사

폰트를 다르게 변경하는 것은 다양한 부분을 고려해야합니다.
 

  • 웹폰트 형식만 가능하며, 웹폰트를 사용해도 브라우저 호환성에 차이가 있습니다.
  • 상업적 무료 폰트로 변경해야 저작권 문제가 없습니다.
  • 위의 조건에 충족해도 용량이 최적화되어 있지 않아 로딩이 느리고 심한 데이터 소모시킬 수 있습니다.


그 외에도 기타 고려할 사항이 많아 선택지가 많지 않지만 모든 조건을 확실하게 충족하는 폰트는 구글 폰트입니다.

변경 방법

1. 구글 폰트(https://fonts.google.com/?subset=korean)에서 폰트를 선택합니다.
     언어가 한글이 아닐 경우 korean으로 되어있는 Language를 변경하시면 됩니다.
2. 굵기 및 스타일에 따라 사용할 모든 스타일을 + Select this style 버튼을 눌러 옵션을 선택합니다.
3. 우측에 뜬 Selected family의 Embed텝을 누릅니다.
4. link 박스 내용을 복사합니다. (<link href="https://fonts.google....)
5. [스킨폴더]/_modules/common/html_header.html에서 <!-- 구글 웹폰트 -->를 검색하고 아래에 붙여넣기 합니다.

6. 구글 폰트에 link 아래 있는 font-family: 이후 부분을 복사합니다.
7. [스킨폴더]/css/user.css에 아래와 같이 스타일 형식에 맞춰 코드를 작성하고 붙여넣기 합니다.

body, div, dl, dt, li, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button{
    font-family:'Gothic A1', sans-serif;
}


※ 폰트 종류에 따라 사이즈/행간/자간 기준이 달라 차이가 날 수 있으며 차이가 심하면 화면이 틀어질 수 있습니다.
     글자 크기의 차이가 클 경우 웹사이트의 모든 폰트 사이즈를 일일이 변경할 수 없기 때문에 권장하지 않습니다.
※ 약간의 변경은 CSS를 직접 작성하여 시도해 볼 수 있습니다. 두께/ 자간/컬러 수정>

관련 태그

#폰트 #웹폰트 #구글폰트 #폰트 종류 #폰트 스타일 #다른 폰트 #폰트 굵기 #폰트 두께

TOP

대표 번호 1544-3270

  1. 1쇼핑몰 창업 및 신규 상담 문의
  2. 2쇼핑몰 기능 및 이용 문의
  3. 3쇼핑몰 이전 문의
  4. 4마케팅 및 광고 문의
  5. 5SI 및 홈페이지 제작 문의

전화상담 가능 시간

  • 일반 상담 : 평일 09:30 ~ 17:30 (주말/공휴일 휴무)
    일반 상담 : 점심 12:30 ~ 13:30
  • 장애 상담 : 24시간 가능

입점형 구매상담 및 차이나 호스팅, 컨설팅
02-6907-6817  psw@gabiacns.com

쇼핑몰 맞춤개발 및 구축/SI
1544-6437  sales@gabiacns.com

홈페이지 제작
02-6907-6884  jis@gabiacns.com

상담 예약

모든 상담원이 통화 중인 경우, 9번을 눌러 상담을 예약해주세요.
통화가 끝나면 고객께 다시 연락드립니다.
(상담 중에는 서비스 품질 향상을 위해 통화 내용이 녹음됩니다.)