NALLA GUIDE
어디에 잘 어울릴까요?
확인된 Source 사실과 NallaApps 공통 분류체계를 바탕으로 AI가 보수적으로 정리한 폰트 스타일·추천 활용입니다. 실제 허용 범위는 라이선스가 우선합니다.
LIVE PREVIEW
라이브 폰트 테스트
좋은 디자인은 읽기 좋은 글자에서 시작됩니다.
상세정보
서체 소개
학교안심 돌담은 한국교육학술정보원(Keris)이 제작한 손글씨 스타일의 한글 서체입니다. 3가지 굵기를 지원하여 상황에 맞게 선택할 수 있으며, 한국어에 특화되어 있습니다.
디자인 특징
- 정감 있는 손글씨 느낌
- 부드럽고 자연스러운 획
- 친근하고 따뜻한 인상
활용 분야
이 서체는 감성적인 디자인에 잘 어울리며, SNS 카드뉴스나 브랜딩, 영상 자막 등에 활용하기 좋습니다. 또한 제목이나 헤드라인, 패키지 디자인에도 포인트를 줄 수 있습니다.
라이선스 확인
이 서체는 SIL 오픈 폰트 라이선스(OFL)를 따르며, 상업적 사용이 가능합니다. 단, 수정 및 재배포는 허용되지 않으므로 주의가 필요합니다.
웹·개발 적용
WEB · DEVELOPER
웹·개발 적용
Source가 실제 웹폰트 사용을 명시하고 검증된 CSS가 있는 경우에만 코드를 표시합니다. 실제 적용 전에는 제작자 또는 공식 배포처의 최신 임베딩 조건을 확인하세요.
@font-face{
font-family: 'HakgyoansimDoldamB';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamB.woff2') format('woff2');
font-weight: 700;
font-display: swap;
}
@font-face{
font-family: 'HakgyoansimDoldamL';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamL.woff2') format('woff2');
font-weight: 300;
font-display: swap;
}
@font-face{
font-family: 'HakgyoansimDoldamM';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamM.woff2') format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face{
font-family: 'SchoolSafeStoneWall';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamL.woff2') format('woff2');
font-weight: 300;
font-display: swap;
}
@font-face{
font-family: 'SchoolSafeStoneWall';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamM.woff2') format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face{
font-family: 'SchoolSafeStoneWall';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamB.woff2') format('woff2');
font-weight: 700;
font-display: swap;
}적용 방법 위 CSS를 사이트 스타일시트에 추가해 웹폰트를 먼저 불러온 뒤 표시된
font-family를 원하는 요소에 지정합니다. 실제 사용 전 공식 배포처의 최신 임베딩 조건을 확인하세요./* tailwind.config.js */
module.exports = {
theme: {
extend: {
fontFamily: {
nalla: ['HakgyoansimDoldamB', 'sans-serif'],
},
},
},
};Tailwind 적용 먼저 CSS에서 폰트를 불러온 뒤
fontFamily에 등록하고 다시 빌드하세요. 이후 class="font-nalla"처럼 사용합니다. Tailwind 자체가 폰트 파일을 다운로드하거나 호스팅하지는 않습니다.<link rel="preload" href="https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/HakgyoansimDoldamB.woff2" as="font" type="font/woff2" crossorigin>
폰트 라이선스·배포 안내
날라앱스의 사용 범위와 라이선스 요약은 빠른 확인을 위한 참고 정보입니다. 실제 이용·임베딩·수정·재배포 전에는 반드시 제작자 또는 권리자가 공개한 최신 라이선스 원문을 다시 확인해 주세요. 공식 근거가 바뀌면 Font Hub의 공식정보 확인 기능으로 최신 판정을 갱신할 수 있습니다.