Softr 폰트 삽입 어떻게 해야하나요?

softr로 랜딩 페이지 만드는 중입니다.
프리텐다드 폰트를 사용하고 싶은데 어떻게 하면 사용 가능한가요?

Setting - Custom Code 중 부분의 아래의 코드를 삽입하면 Pretendard 폰트 쓰실 수 있습니다.

<style>

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}

h1.sw-font-family-default,
h2.sw-font-family-default {
font-family: 'Pretendard-Regular', sans-serif;
}

section.sw-font-family-default,
header.sw-font-family-default,
nav.sw-font-family-default,
footer.sw-font-family-default,
div.sw-font-family-default,
span.sw-font-family-default,
small.sw-font-family-default,
pre.sw-font-family-default,
p.sw-font-family-default,
b.sw-font-family-default,
li.sw-font-family-default,
ul.sw-font-family-default,
a.sw-font-family-default,
h3.sw-font-family-default,
h4.sw-font-family-default,
h5.sw-font-family-default,
h6.sw-font-family-default {
font-family: 'Pretendard-Regular', sans-serif;
}

input.sw-font-family-default,
textarea.sw-font-family-default {
font-family: 'Pretendard-Regular', sans-serif;
}

.sw-font-family-default::-webkit-input-placeholder,
.sw-font-family-default::-moz-placeholder,
.sw-font-family-default:-ms-input-placeholder,
.sw-font-family-default:-moz-placeholder {
font-family: 'Pretendard-Regular', sans-serif;
}

</style>

배달의민족 도현체나 주아체처럼 구글 폰트에 등록된 한글 폰트들은 기본으로 쓸 수 있으니까 기본 한글 폰트들도ㅗ 살펴보세요. 아래의 구글 폰트 한글 폰트 리스트에서 괜찮은 폰트를 발견하실 수 있습니다.

조만간 Softr도 Webflow처럼 코드가 아니라 파일로 폰트 업로드하는 기능도 추가한다고 하니 그러면 더 편의가 올라갈 거 같습니다. 더 궁금한게 있으시면 댓글 달아주세요~

1개의 좋아요