엄지 손가락으로 Shift 키를?
일반적으로 쓰이는 컴퓨터 키보드 배열에서는 Shift 키가 새끼 손가락 쪽에 배치되어 있다. 새끼 손가락은 가장 약한 손가락이라서 새끼 손가락으로 자꾸 Shift 키를 누르면 손에 상당한 무리가 가게 되는 문제점이 있다. 그래서 Shift 키(그리고 상황에 따라서는 Alt 키 등 다른 키도)를 손가락 중 가장 힘이 센 엄지 손가락으로 조작하게끔 만든...
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)에 특히 유용하다. 아래...