본문 바로가기

IT_Developers/CSS5

무료 폰트 - "남한산성"과 "칼의노래"를 집필한 / "김훈체" / 첨부파일 있음 김훈체 무료로 받기 안녕하세요. 고코더 입니다. 요즘 웹툰의 꿈을 안고 포토샵을 연습해보니 폰트가 중요하다는걸 알고 요즘 무료폰트 찾고 있습니다. 지난번에 박경리작가님의 "박경리체"를 공유 드렸는데요 ● 1. 이번에는 칼의노래를 만드신 김훈작가님의 폰트를 소개 합니다. ● 2. 아래 공유마당에서 다운로드 받아주셔도 되고 제 첨부파일을 보셔도 됩니다. http://bit.ly/2X1jElw ● 3. 설치방법은 이전과 똑같습니다. 미리보기 후에 ● 4. 설치를 누르시면 됩니다. ● 5. 김훈체는 조금 더 세련되고 소설 글씨 같은 기분이 드네요 마무리 좋은 작가님들의 무료폰트 매력적입니다.! 2019. 6. 25.
무료 폰트 - "토지"를 집필한 고박경리 작가 / 박경리체 / 첨부파일 있음 박경리 작가님의 손글씨체 무료배포 안녕하세요. 고코더 입니다. 대하소설 토지를 집필하신 박경리 작가님의 손글씨를 글씨체로 만든 폰트를 무료로 배포하고 있습니다. 제가 읽어본 소설중에 가장 길었던 책이었는데요. 작가님의 손글씨를 이렇게 폰트로 만나보다니 새로울 따름입니다. ● 1. 나라에서 운영하는 공유마당에서 해당 서체를 배포하고 있습니다. http://bit.ly/2RyzEFM ● 2. 다운로드 후에 폰트를 미리보기 하신 후에 ● 3. 설치하시면 됩니다. ● 4. 처음 느낌은 독특하지만 강하면서도 부드러운 느낌이 있네요 마무리 무료 폰트 모으는 재미 2019. 6. 25.
무료 폰트 - 윤태호 작가에 "미생체" 다운로드 받기 / 첨부파일 미생 폰트 설치하기 안녕하세요. 고코더 입니다. 드라마, 만화 미생 보셨나요? 저는 아주 감명 있게 여러 번 봤습니다. 카툰에서 보면 미생만에 글씨가 눈에 띄었는데 이 폰트가 무료로 배포되고 있더군요. ● 1. 아래 URL에서 해당 폰트를 무료로 배포합니다. http://webtoon.daum.net/event/misaengfont 윤태호 작가님 감사합니다. ● 2. 다운 받은 폰트에 마우스 오른쪽 버튼을 눌러서 "미리보기"를 해보세요 ● 3. 매력적인 폰트가 나타나네요 여기서 설치를 하시면 미생폰트가 완료 됩니다. ● 4. 설치버튼이 안눌리면 설치가 완료 입니다.! ● 5. 저는 제 고툰에서 해당 폰트를 사용했습니다. 웹툰 그리기 너무 좋은 폰트네요 http://gocoder.net/gotoon 혹시 .. 2019. 6. 24.
CSS - li 점 대신 다른 모양으로 / list-style-type , list-style-image li 디자인 속성 변경 안녕하세요. 고코더 입니다. ● 1. li 특별한 CSS 속성 없이 태그를 작성하면 점 이 기본으로 앞에 붙습니다. ● 2. 이 li에 기본 모양은 변경이 가능 합니다. list-style-type : li 앞에 모양을 변경 가능 list-style-image : li 앞에 모양을 이미지로 변경 ● 3. 그리고 속성 옵션은 아래와 같습니다. disc : 검은 원 circle : 공백 원 square 사각형 decimal : 십진수 lower-alpha : 알파벳 소문자 lower-roman : 로마자 소문자 upper-alpha : 알파벳 대문자 upper-roman : 로마자 대문자 none : 표시 안함 initial : 기본값 cjk-ideographic : 한자식 수 (一,.. 2019. 6. 21.
CSS - 책 제목 처럼 왼쪽에 색 기둥 만들기 왼쪽에 색상 있는 제목 형식 안녕하세요. 고코더 입니다. 가끔 블로그나 홈페이지를 보다보면 책의 소제목처럼 왼쪽에 네모 박스에 색이 입혀진 디자인을 볼 수 있습니다. ● 1. 오늘은 이 모양과 같은 CSS를 만들어 보겠습니다. ● 2. 아래 코드를 HTML로 실행해보세요. 123456789101112131415161718192021222324252627282930313233343536 .div_gocoder_point_1 p { padding: 0px 5px 0px; border-bottom: 0px solid #000; border-left: 10px solid #000; color: #000; } .div_gocoder_point_2 p { padding: 0px 5px 0px; border-bott.. 2019. 6. 20.