코딩의 아름다움

안녕하세요. 오늘은 HTML/CSS 구글 폰트 적용 방법을 알려드리겠습니다. 우선 구글에 google fonts 검색하시거나 아래 주소 링크로 들어갑니다. https://fonts.google.com 에 접속하면 여러가지 무료공개 폰트가 뜨는데요. 사용하고자 하는 폰트를 클릭합니다. 저는 Nosifer 을 사용해 보도록 하겠습니다. 해당 폰트를 클릭하시거나 + 누르시면, 다음과 같은 창이 뜹니다. SELECT THIS FONT 클릭하세요. 클릭하면 다음 과 같은 창이 뜨는데, 해당 링크와 예제를 보고 사용하시면 됩니다. 혹시 모를 초급자를 위해 소스 공개해서 설명드릴게요. Google 폰트 설정.font-family-1{font-family: 'Nosifer', cursive;}폰트 확인용 글자입니다~h..

Favicon 설정 방법 및 무료 이미지 변환 사이트 소개 파비콘(Favicon) 은 (favicon - Favorites + Icon의 합성어)이란 웹사이트나 웹페이지를 대표하는 아이콘입니다. 위와 같이 사이트를 대표하는 아이콘인데요. 이미지 파비콘 무료 변환 및 HTML 설정 방법을 간단하게 설명해 드리겠습니다. 첫째로, 사용하고자 하는 이미지를 준비합니다. 두번째, 무료 변환 사이트인 https://www.favicon-generator.org/ 을 접속합니다. 세번째, 파일 선택을 누른 후, 준비한 이미지를 선택한후 Create Favicon 을 클릭합니다. 네번째, 아래 그림에서 첫번째 Download the generated favicon 클릭후, 바탕화면 img 파일폴더 생성후 img 폴더에..

서브라임텍스트 설치 서브라임텍스트는 현재 안정버전인 Sublime Text 2 버전과 베타 버전인 Sublime Text3 가 있습니다. SublimeText 2, 3 툴은 무료로 사용 가능합니다. SublimeText 를 활용하여, html, css, javascript, 등 여러 코딩 작업 뿐만 아니라 메모장 역할로도 아주 좋습니다. 먼저 해당 사이트에 접속을 해서 윈도우용 서브라임텍스트를 다운받아 설치합니다. Next 만 누르면 설치 완료. 기본 설정하기 PACKAGE CONTROL 설치 먼저 패키지 컨트롤러를 설치해야합니다. 패키지 컨트롤러는 수많은 서브라임텍스트의 서드파티나 플러그인 프로그램들을 편하게 설치할 수 있게 해주는 기능을 합니다. https://sublime.wbond.net/inst..