핏빛 화성하늘 아래…

보통 글꼴이니, 색상이니를 지정할 때엔 style 태그를 쓴다. 이를테면 굴림 글꼴로 검정색 12pt짜리 글씨를 적고 싶으면 style="font:12pt 굴림,gulim; color:#000;"이라 적으면 된다. 그리고 CSS파일로 따로 빼서 불러오고 싶으면 CSS에 해당 스타일을 임의로 정의하고 style=""이 아니라 id 혹은 clsss로 불러오는 거다.

사실 틀릴 일이 없다. 지금까지 잘 써 왔는걸.
근데 오늘따라 꽤나 괴악한 상황에 맞닥뜨리고 말았던 것이다.
일단 이번 건 틀을 짤때까지는 HTML 파일에 style로 몽땅 몰아넣었다가, 색깔이 결정나면 CSS 파일로 따로 빼려고 했는데… 기초 글꼴을 '굴림,gulim'으로, 차림엔 '돋움,dotum' 식으로 지정하려고 했건만 얘가 말을 안 듣는다. 말하자면 '굴림'으로 적어도 '바탕'이 나오는 거다. 재밌게도, HTML파일로 돌려놓으면 여기선 또 잘 나왔다.

넉잡아 서너시간을 허비했다. 모질라 쪽에 가서 관련 문서를 읽어보고 태그를 뚫어져라 쳐다봐도 뭐가 잘못 적힌 건 아닌데 왜 이럴까, 얘가 날 잡으려고 작정을 한 건가 하면서 속을 끓이던 찰나. 갑자기 머리를 휙 스쳐지나가는 생각은 글꼴명 지정을 '한글'로 한다는 점이었다. 겉으로 보일 때는 같아도 코드가 다른 게 한글이다. 설마 하면서 EditPlus의 화면 하단을 바라봤더니만 CSS파일 부분은 'PC'로 적혀 있다. 한마디로 일반 ASCII 파일로 저장중이란 소리. 이게 보통 때라면 별 상관이 없다. 본체나 CSS나 EUC-KR로 저장하는 거니까. 그런데 이번엔 본체쪽이 UTF-8이다. 즉 PC.U8로 나와야 할 게 그냥 PC로 적혀 있었던 거다. 그러니 한글로 글꼴 이름을 아무리 적어도 인식을 못할 수밖에.

허겁지겁 새로 저장해줬더니 원래 하려던 대로 퉁 튀어나오는 화면.
…….
내 코딩이 잘못된 건 아니었다. 단지 저장할 때 미처 변환을 해 주지 않았을 뿐… 하지만 기분이 너무 안 좋다. 그 하나 때문에 대체 몇 시간을 허비한 거냐고……. 정말 이런 부주의한 실수는 쓸데없이 시간을 낭비시킨다는 점에서 최악이다. 내 허술함에 짜증이 난다.


그나마 위안이라면 글꼴 처리에 관련한 여러 문서를 읽을 수 있었다는 것.