×

앱 설치 안내

리빌더 공식 홈페이지 바로가기를 PC에 설치해보세요!
바탕화면에서 앱으로 실행할 수 있어요.

질문과 답변

2024.10.16 18:32

웹폰트는 어떻게 적용하나요?

수고 하십니다.


@font-face {

    font-family: 'GmarketSansMedium';

    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}


해도 안되구요.



아래와 같이

기존 내용을 수정해서

폰트를 변환해서 올려 줬는데도 변하지 않아서요.


조언 좀 부탁드려도 될까요.


감사합니다.


/theme/rb.basic/rb.fonts/GmarketSansMedium


/*

Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.

https://github.com/orioncactus/pretendard


This Font Software is licensed under the SIL Open Font License, Version 1.1.

This license is copied below, and is also available with a FAQ at:

http://scripts.sil.org/OFL

*/


@font-face {

font-family: 'font-H';

font-weight: 900;

font-display: swap;

src: local('GmarketSansMedium Black'), url(./GmarketSansMedium.woff2) format('woff2'), url(./GmarketSansMedium.woff) format('woff');

}



@font-face {

font-family: 'font-B';

font-weight: 700;

font-display: swap;

src: local('GmarketSansMedium Bold'), url(./GmarketSansMedium.woff2) format('woff2'), url(./GmarketSansMedium.woff) format('woff');

}


@font-face {

font-family: 'font-R';

font-weight: 400;

font-display: swap;

src: local('GmarketSansMedium Regular'), url(./GmarketSansMedium.woff2) format('woff2'), url(./GmarketSansMedium.woff) format('woff');

}


  • 공유링크 복사
    미니홈 쪽지 구독하기
    구독하고 알림받기
  • 이전글미니홈 기능을 사용 할 수 있는지요.2024.10.17
  • 다음글폐쇠형(회원제)사이트 로그인페이지 이동 기능2024.10.16

    • 댓글목록

    profile_image
    April미니홈 1:1 대화하기 　오래 전

    https://rebuilder.co.kr/download/2

    아래 보면 있네요.
    설정에서 적용.

    2024-10-16 19:25

    profile_image
    no_profile 삼다수미니홈 1:1 대화하기 　오래 전

    감사합니다.
    설정 하는 부분이 아니라 새로운 폰트를 넣고 싶어서요. ^^

    2024-10-17 10:27

    profile_image
    HUMHAE미니홈 1:1 대화하기 　오래 전

    G마켓산스를 사용하시고자 한다면 아래 폰트도 참고 해보세요.

    https://rebuilder.co.kr/userdata/38

    2024-10-16 19:42

    profile_image
    no_profile 삼다수미니홈 1:1 대화하기 　오래 전

    안 그래도 다운 받아서 설정해 봤는데
    GmarketSansMedium 보다 조금 더 얇은 듯 해서 교체 해 보려고 했는데
    잘 안되네요.

    감사합니다.

    2024-10-17 10:28

    profile_image
    리빌더미니홈 1:1 대화하기 　오래 전

    안녕하세요, 리빌더 입니다.
    웹폰트가 구동되기 위한 조건 입니다.

    /theme/rb.basic/rb.fonts/ 폴더에 GmarketSansMedium 폴더를 추가 하셨다면,
    해당 폴더안에 웹폰트파일 및 GmarketSansMedium.css 파일이 존재해야 합니다.

    생성하신 폴더명과, CSS 파일명이 동일해야 합니다.
    환경설정 패널에서 폰트를 선택하는 경우 선택된 폴더명이 DB로 저장되고
    해당폴더명.css 로 파일을 찾기 때문 입니다.

    Gmarket.css 파일안에서는

    @font-face {
      font-family: 'font-R';
      src: url('./Gmarket-Bold.eot');
      src: url('./Gmarket-Bold.eot?#iefix') format('embedded-opentype'),
          url('./Gmarket-Bold.woff2') format('woff2'),
          url('./Gmarket-Bold.woff') format('woff'),
          url('./Gmarket-Bold.ttf') format('truetype');
      font-weight: 700;
    }

    와 같은식으로
    추가해주시면 되겠습니다.

    그리고 메인페이지의 환경설정 패널에서  Gmarket 을 선택해주시면 됩니다.
    적용이 안되시는 경우 콘솔(F12)에서 어떻게 출력이 되는지 보시면
    도움이 될것같습니다.

    감사합니다.

    2024-10-16 21:04