Web/CSS38 CSS 웹 폰트 적용시키기 안녕하세요 도롱군입니다. 보통 웹페이지 작업을 할 때 따로 웹 폰트 혹은 홈페이지 내부에 임베디드 하지 않은 상태라면 사용자들은 기본적으로 디바이스에 저장되어있는 Default font 정보를 이용하여 웹 데이터 리드를 하게 되는데요. 타이포그래피를 도롱군은 꽤나 중요한 요소로 생각하기에 그런 사소한 부분까지 일일히 신경 써주는 스타일 입니다. 오늘은 웹 폰트를 적용 시켰을 때, 장점과 단점을 서술하고 웹 폰트를 이용하여 내부 CSS 시트에 어떻게 불러들일 수 있을지에 대하여 포스팅 해보도록 하겠습니다. 웹 폰트는 웹 폰트 정보를 제공하는 사이트에서 폰트 스타일을 간단하게 코드 몇 줄로 불러올 수 있습니다. 대표적으로 무료 라이선스인 나눔고딕과 Google에서 제공하는 Google Fonts가 있습니다... 2017. 8. 12. CSS를 이용한 Loader 만들기 CSS를 이용한 스타일은 어떤식으로든 포토샵 처럼 결과물이 다 다르기 마련 입니다. 최대한 창의적으로 사용 하는 것이 가장 중요하고, 어떻게 응용하느냐에 따라 다른 태그와 혼합 되었을 때 Crush 없이 정상적으로 작동이 되는지가 중요한 핵심 포인트가 되겠습니다. 예를 들어 화면 정중앙에 align 시키는 작업도, 결과는 같지만 코드는 무궁무진하게 짤 수 있습니다. 상황에 맞추어서 코딩을 해야하고, 확장성, 웹 표준성을 준수하는지 여부에 따라 좋은 코드인지 아닌지 파악할 수 있습니다. 이번 포스팅에 이용되는 코드 편집 툴은 Brackets를 이용했으며, 해당 HTML 및 CSS 소스는 자유롭게 이용해도 상관 없습니다. 다만, 유의해야 할 점은 이 포스팅에 들어가는 코드들은 모두 이렇게 사용할 수 있다고 .. 2017. 8. 11. 이전 1 2 다음
