왜 필요한가
장소와 시간을 알리는 저녁 모임 초대장을 만든다고 가정해 봅시다. 짧은 제목에는 손편지 같은 인사를 담고 싶은데 일반 본문 글자만으로는 부족합니다.
어떻게 해결하는가
초대장의 “You are invited”는 Dancing Script, 장소와 시간은 일반 글자로 표시합니다. 별도 측정에서도 글자를 상자로 나누지 않고 문자열을 유지합니다. 한국어·일본어는 Noto 대체 글꼴을 씁니다.
초대장 읽기와 라틴 스크립트 글자 살펴보기저녁 모임 초대함께하는 저녁
❧You are invited
같은 식탁에서 만나요.
토요일 18:30 · 정원방
이야기와 나눌 음식을 가져오세요.
본문 안의 가상 데모입니다. 초기화·새로고침으로 처음 상태로 돌아갑니다.
무엇이라 부르는가
스크립트 서체는 손글씨의 획과 연결을 빌립니다.
긴 문장과 미지원 문자는 일반 대체 글꼴이 필요하며 이 표본은 라틴 글자만 시연합니다.
W3C
더 깊이 살펴보기
선택해서 읽는 자료 · 개요 읽기 시간과 별도
01선택·비교
짧은 인사나 표현적인 제목에 쓰고 장식성이 높다는 이유로 본문까지 바꾸지 않습니다. 긴 글에는 세리프나 산세리프를 쓸 수 있습니다. 스크립트마다 연결 방식과 언어 지원이 다릅니다.
02응용 사례
초대장은 라틴 인사와 실용적인 행사 정보를 분리합니다. 개인 카드나 짧은 제목에도 같은 강조를 쓸 수 있습니다. 한국어·일본어 손글씨를 시연하는 표본은 아닙니다.
03구현 참고·주의점
document.fonts.ready 이후 실제 로드된 글꼴을 확인합니다. 하나의 텍스트 노드에서 Range로 측정해 연결 형태를 유지하며 합자·결합 문자·대체 글꼴은 범위에 영향을 줄 수 있습니다. 실험과 실제 사용 화면을 분리하고 현지화 문자 지원을 검사합니다.
04근거
비교 요약
이어서 살펴보기
원본·수정 제안 ↗내 프로젝트에 적용하기
프로젝트를 처음 시작하나요? 설명을 입력해 첫 프롬프트를 준비하세요.
맞춤 프롬프트 만들기 →이미 외부 AI와 대화 중이라면 이 글의 링크와 내 프로젝트에 맞는 이유, 중요하게 보는 장단점을 전달하세요. 합의한 요구사항에 어떻게 적용할지 요청하세요.
이 글 링크: 스크립트
이 선택에 관한 이야기
세 언어가 댓글을 공유합니다. 작성하려면 GitHub 로그인이 필요합니다.