Front-end/Let's Start !

2. 코딩폰트의 적용(D2 Coding)

Dev.BeryL 2018. 7. 22. 15:02
728x90

이번 Let's Start 부분에서 두번째 포스팅이네요



첫 포스팅에서 코딩 폰트에 대해 설명을하기 위하여 포스팅 하겠습니다.


먼저 WebStrom에서 폰트 설정은 코딩폰트로 하고 폰트 사이즈도 자신에게 맞게 혹은 크게 설정을 추천드립니다. 사이즈를 크게 설정 하려고 추천하는 이유는 오타로 인하여 발생하는 오류를 쉽게 찾기 위함인데요!  정말 폰트사이즈가 크면 오류를 발생하는 오타를 찾기가 좀 더 쉬워집니다! 

물론 사용자에 따라서 다르고 자신에게 맞는 폰트 사이즈를 사용 하시는 분들은 그렇게 하셔도 무방하세요 !



자 이제 코딩 폰트를 적용하라고 했는데, 코딩 폰트가 무엇이냐 ?


저는 D2 Coding 을 사용하는데요 이 글꼴은 나눔 바른고딕을 바탕으로 개발자의 코딩을 위해 가독성 및 유사 문자 간 변별력 뿐만 아니라 디자인적으로도 한글과 조화를 고려해서 최적화 시킨 글꼴이라고 합니다.. !


이렇게 글로 하면 이해가 힘들 수도 있어 표로 다른 폰트와의 차이점을 보여드릴게요 !




어떤 차이점이 있는지 보이시나요 ?? 


숫자 1과 소문자 l (알파벳 l) 대문자 I (알파벳 i) 가 다르게 표현되어야 하며 

숫자 0과 대문자 O는 다르게 표현이 되어있는 것이 보이나요 ??


이렇게 개발자의 편의를 위하여 사용하는 폰트인 D2 Coding 폰트에 대하여 간략하게 설명을 드렸습니다! 


이 코딩 폰트는 검색을 통하여 쉽게 다운을 받으실 수 있으신데요 !


자세한 사항은 다음 사이트에서 확인할 수 있으십니다.


D2 Coding 폰트를 다운 받으시고 WebStom을 실행하시면 폰트 설정에서 쉽게

D2 Coding 폰트를 적용 시키실 수 있으십니다!



* 간혹 폰트를 다운 받았는데도 안뜬다고 하시는 분들은 웹스톰을 완전히 종료후 재실행 시켜주세요 !!* 



코딩폰트에 대하여 간략히 설명을 드렸습니다.



이번 포스팅은 여기서 마치겠습니다. 다음 포스팅은 WWW에 대해서 기재하겠습니다 !






반응형

'Front-end > Let's Start !' 카테고리의 다른 글

3. WWW  (1) 2018.07.22
1. 프론트 앤드(Front end) IDE  (1) 2018.07.22