가변폭 글꼴과 공백(스페이스)기호 너비

• 가변폭 글꼴의 공백(스페이스,빈칸, whitespace)기호 너비에 대한 변화 체크

• 결론

  가변폭 글꼴라도 보통은 공백 기호의 너비가 조건에 따라 변하지는 않는다.
  다만, Noto Sans KR과 같은 글꼴의 경우 조건에 따라 공백 기호의 너비가 변할 수 있다.
  (Noto Sans KR는 CANVAS 에서 TEXT 작성 시 공백 기호 너비 계산에 오차가 생길 수 있다.)
  고정폭 글꼴은 반각/전각 구분 빼고는 너비가 똑같다.
  
• 주요 CSS class .text-box{ white-space: break-spaces; /* 공백기호가 무조건 보이고, 줄바꿈 되도록 */ background-color: #abc; }
• 공백기호가 꽤.. 종류가 되지만, 여기선 아스키 \x20 를 기본으로 테스트한다. (줄 바꿈 되는 공백기호).
   (\xA0) 는 줄 바꿈 되지 않는 공백 기호로 \x20 와 모양은 같지만, 동작에 차이가 있다.
• wikipedia : Whitespace_character
  MDN : white-space
• Code Name U+0020 space U+00A0 no-break space U+1680 ogham space mark U+180E mongolian vowel separator U+2000 en quad U+2001 em quad U+2002 en space U+2003 em space U+2004 three-per-em space U+2005 four-per-em space U+2006 six-per-em space U+2007 figure space U+2008 punctuation space U+2009 thin space U+200A hair space U+202F narrow no-break space U+205F medium mathematical space U+3000 ideographic space

가변폭 글꼴 : Noto Sans KR

공백기호의 너비 계산이 주위의 글자에 영향을 받는다.

가변폭 글꼴 : Nanum Pen Script

글자마다의 폭은 다르지만, 공백의 폭이 변경되지는 않는다.

고정폭 글꼴 : monospace

글자 하나마다 똑같은 너비를 가진다.