CSS에서 특정 문자만 다른 글꼴을 사용하게 하는 방법
아래 예제는 기본 폰트는 굴림으로 하되, 일부 문자(〈〉《》「」『』【】〔〕〖〗〘〙〚〛, 유니코드로 U+3008-3011, U+3014-301B, U+301D-301F)만 맑은 고딕으로 처리되게 하는 예이다. <!DOCTYPE HTML> <html> <head> <title>테스트</title> <style> @font-face { /* Special이라는 이름의 임시 폰트를 정의 */ font-family: 'Special'; /* 컴퓨터에 설치돼 있는(local) 맑은 고딕(Malgun Gothic) 폰트를 사용 */ src: local('Malgun Gothic'); /* 유니코드의...
HTML에서 언어 속성을 지정하기, CSS에서 언어별 폰트를 지정하기
HTML에서 특정 텍스트가 어떤 언어로 작성됐는지 지정하는 lang 속성이 있다. 이 속성을 지정해 주면 장점이 몇 가지 있는데, 1. 장애인을 위한 TTS(Text-to-Speech) 기능이 언어에 맞게 읽힐 수 있고, 2. 필요에 따라 CSS를 통해 언어별로 글꼴을 다르게 지정하는 것도 가능하다. 언어별로 글꼴을 다르게 지정하는 것은 동아시아 언어(CJK)에 특히 유용하다. 아래...