스타일리시 웹폰트 적용법

Stylish · 굵기 1종 · OFL 1.1 · Google Fonts 배포

획이 얇은 산세리프. 사진 위에 올리는 짧은 문구에 어울린다.

미리보기

다람쥐 헌 쳇바퀴에 타고파 Ag 123

적용하는 법

HTML head에 아래를 붙이면 끝입니다. 폰트 파일을 내려받거나 서버에 올릴 필요는 없습니다.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Stylish:wght@400&display=swap">

<style>
  body { font-family: "Stylish", sans-serif; }
</style>
  1. 위 link 태그를 <head> 안에 넣는다.
  2. CSS에서 font-family: "Stylish", sans-serif;로 지정한다.
  3. 폰트를 받는 동안 쓸 대체 폰트를 뒤에 남겨 둔다. 지우면 로딩 중 글자가 안 보인다.

이럴 때 쓴다

풀스크린 사진 위 카피, 미니멀한 포트폴리오 제목.

이럴 땐 다른 걸 쓴다

밝은 배경의 작은 글씨. 획이 얇아 흐려 보인다.

같이 쓰면 좋은 폰트: 프리텐다드

같은 고딕 계열: 프리텐다드 · 수트 · 본고딕 · 나눔고딕 · IBM 플렉스 산스 KR

정보

영문 이름Stylish
CSS font-familyStylish
굵기400 (1종)
가변 폰트아니오 — 굵기마다 파일 하나
라이선스OFL 1.1
배포Google Fonts
공식 페이지https://fonts.google.com/specimen/Stylish

자주 묻는 질문

스타일리시(Stylish)을 상업적으로 써도 되나요?

OFL 1.1이라 상업적 사용과 수정, 재배포가 허용됩니다. 폰트 파일 자체를 파는 것만 금지됩니다. 계약이 걸린 작업이라면 공식 페이지에서 원문을 확인하세요.

스타일리시은 굵기가 몇 종인가요?

1종입니다(400). 가변 폰트가 아니라 굵기 하나마다 파일이 하나씩 늘어납니다. 실제로 쓸 굵기만 고르세요.

스타일리시은 어디에 쓰면 안 되나요?

밝은 배경의 작은 글씨. 획이 얇아 흐려 보인다.

← 폰트 26종 전체 보기