자료실

Global It Leader!!


폰트보관함

Gmarket 웹폰트 사용하기

페이지 정보

작성자 운영자 댓글 0건 조회 31회 작성일 24-06-24 17:14

본문

1. CSS 설정 : font-family: 'GmarketSans';


2. link 방식 

<link href="https://webfontworld.github.io/gmarket/GmarketSans.css" rel="stylesheet">


3. import 방식

@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');


4. font-face 방식

@font-face {

    font-family: 'GmarketSans';

    font-weight: 300;

    font-style: normal;

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");

    font-display: swap;

@font-face {

    font-family: 'GmarketSans';

    font-weight: 500;

    font-style: normal;

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");

    font-display: swap;

@font-face {

    font-family: 'GmarketSans';

    font-weight: 700;

    font-style: normal;

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');

    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),

         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");

    font-display: swap;


첨부파일

댓글목록

등록된 댓글이 없습니다.