현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 구글 웹폰트 사용방법
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2021-06-03
  • 추천 추천하기
  • 조회수 12

https://fonts.google.com/


위의 사이트에서 마음에 드는 폰트를 클릭합니다.

우측의 @import  를 선택하여 소스 복사 후

쇼핑몰 관리자페이지에서 스마트디자인 편집창으로 접속해

공통 레이아웃 혹은 메인 레이아웃 상단의 <head/> 태그 바로 위에 넣어줍니다.


예시) 


<style>

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap');

</style>



그리고 다시 구글 웹폰트 페이지에서 선택한 폰트의 우측에 있는

CSS rules to specify families 의 폰트이름을 복사하여

스마트디자인 편집창에서 원하는 영역 css에 넣어줍니다.


예시) 메인화면의 상품진열 타이틀에 적용시키려면

 <!--@css(/layout/basic/css/ec-base-product.css)--> 파일에서 아래 소스에 폰트이름을 넣어줍니다.


 .ec-base-product .title h2 { text-align:center; font-weight:normal; font-family: 'Noto Sans KR', sans-serif; }





첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.