폰트픽미리보기
실제 사용 예시
Headline
낡은 것들이 다시 말을 걸어온다
Subhead
굵기 하나로 위계가 생긴다
Body
크기를 키우지 않아도 굵기만 바꾸면 무엇을 먼저 읽어야 할지 정해집니다. 굵기가 여럿인 서체는 색을 쓰지 않고도 정보를 정리할 수 있습니다. 제목과 본문의 굵기를 두 단계 벌려 보고 차이가 또렷한지 보세요.
활용 예시
라이선스 요약
라이선스 전문 보기
불러오는 중…
마루부리 — 추천 용도
- 로고 · 브랜딩 4위 — 전통 부리를 화면에 맞게 다듬은 네 가지 굵기 명조라, 로고부터 브랜드북 본문까지 한 가족으로 맞출 수 있습니다.
웹폰트로 쓰기
파일을 받지 않고 내 사이트에 바로 쓰는 공식 주소예요.
① HTML <head> 안에
<link rel="stylesheet" href="https://hangeul.pstatic.net/hangeul_static/css/maru-buri.css">
② CSS 에서 이 이름으로
font-family: 'MaruBuri', serif;
굵기는 이름을 바꿔 써요: MaruBuriExtraLight · MaruBuriLight · MaruBuriSemiBold · MaruBuriBold
움직이는 글자, 브라우저에서 바로
문구를 넣고 애니메이션을 얹어 GIF로 저장하세요. 텍스트 · 사진 · 영상 세 가지 모드를 설치 없이 씁니다.