본문 바로가기

웹폰트

 (13)
렉시새봄R 적용과 다운로드 이 블로그에서 사용중인 렉시새봄R 웹폰트 적용과 다운로드에 대해 적겠습니다. 2012/08/30 - 맑은고딕,나눔고딕,돋움,굴림,애플고딕,Droid Sans 사용 : 현재폰트1에서 어느 정도 적어 미루었는데 이제야 자세히 적게 되네요. 예전부터 질문을 많이 받아 나중에 적어야 겠다고 생각을 했거든요. 첫 번째로 렉시새봄R 웹폰트 적용에 대해 적겠습니다. 아래 파일을 받아 style.css 제일 앞에 붙이고 body에 렉시새봄R, 이라고 적으면 대부분은 변경됩니다. 만약 스킨에서 스킨위자드를 사용하고 있다면 게시글의 글꼴을 모두 기본값으로 해야 하고 타이틀 > 텍스트 > 글꼴을 기본값으로 합니다. 그리고 스킨의 소스에 들어가 강제로 글꼴을 변경한 것을 변경해야 합니다. 이것은 스킨마다 달라 설명하지 않겠습..
티스토리에서 구글웹폰트 사용 현재 이 블로그에서 사용중인 구글 웹폰트 사용에 대해 적으려 한다. 전에 다루었듯이 구글 웹폰트는 상업적으로 무료로 사용할 수 있는 웹폰트다. 다만 구글 웹폰트에 한글 웹폰트는 별로 없다는 것이 문제이나 영어 폰트는 많다는 장점이 있다. 뭐니 해도 상업적으로 무료로 사용할 수 있다는 것이 매력적인 것 같다. 구글 웹폰트에 등록한 한글 폰트도 저작권에 문제없는 폰트를 등록한 것이라 생각하면 된다. 웹폰트의 이해 이 페이지 내용을 이해하기 위해서는 웹폰트와 일반적으로 사용하는 폰트의 차이를 이해해야 한다. 웹폰트는 일반적으로 생각하는 컴퓨터에 설치해서 사용하는 것이 아니라 웹사이트에서 사용하는 폰트라 이해하면 될 것이다. 그러므로 포토샵 등 그래픽 프로그램은 웹사이트가 아니라 웹폰트를 사용할 수 없다는 것이..
웹폰트 사용에 대한 것 CSS편집이 가능하고 파일올리기가 가능하다면 이 글에서 설명할 모든 것이 됩니다. 그러면 호스팅에서 블로그를 하는 경우인 텍스트큐브,워드프레스 등과 티스토리는 가능하다는 말이 됩니다. 이래서 티스토리가 좋은 것입니다. 이글루스의 경우는 CSS 편집이 가능하나 파일올리기가 gif,jpg,png 같은 이미지파일만 가능하므로 안 됩니다. 이글루스는 웹폰트 서비스만 이용할 수 있습니다. 네이버 블로거나 다음 블로거여! 헛수고 말았으면 합니다 네이버 블로그나 다음 블로그는 제약이 많아 아래에 나오는 것은 해보지 않았으면 합니다. 왜냐하면 나는 하는 것이 헛수고임을 알기때문이입니다. 그리고 이 글 마지막에 있는 부분은 네이버 블로거나 다음 블로거도 반드시 읽어야 합니다. 웹폰트를 올려 이용 폰트를 EOT,WOEF ..
웹폰트사용의 장단점 웹폰트와 폰트를 구분하기 바란다. 어떤 사람은 폰트와 웹폰트를 구별하지 못해서 태클을 건다. 웹폰트는 웹에서만 사용할 수 있고, 대부분이 알고 있는 폰트는 시스템에 있어서 포토샵,오피스 등의 폰트로 사용할 수 있다. 그럼 아래에서 웹폰트의 장단점을 말하고자 한다. 웹폰트 사용에 대한 장점 웹폰트는 시스템에 폰트가 없어도 된다 : 예로 이 블로그에 모빌리스 웹폰트가 제한이 없기 전에는 전부 렉시새롬 웹폰트를 사용했는데, 이 블로그를 방문한 모든 사람은 렉시새롬으로 보였다. 왜냐한다면 웹폰트는 시스템 즉 하드디스크에 폰트가 없어도 되기 때문이다. 참고로 현재는 댓글 목록에만 모빌리스 웹폰트 서비스의 렉시새봄 웹폰트를 설정했고 이것도 월 5,000이 다운로드라는 제한이 넘으면 렉시새봄 웹폰트로 안 보인다. 월..
티스토리에서 웹폰트 다운로드/적용/알아야 할 점 티스토리 블로그에 대한 것입니다. 네이버 블로그,다음 블로그에서 아래에서 설명하는 것은 할 수 없고 이글루스 블로그의 경우는 모빌리스 웹폰트 서비스를 이용하면 될 것입니다.네이버 블로그나 다음 블로그에서 아래에서 설명하는 하는 것을 하려고 한다면 헛수고이라는 것을 알기 바랍니다. 그리고 개인이 아닌 단체나 회사의 경우는 웹폰트 사용을 아예 마세요. 만약 단체나 회사에서 사용하려면 아래 글을 정독해야 하고 대강 읽은 후 고소당하면 백전백승 개X라고 하지 마세요. 다운로드와 EOT 웹폰트는 익스플로러에서만 익스플로러에서 제대로 보이는 웹폰트는 크롬,사파리,파이어폭스 등 다른 브라우저에서도 그 폰트로 보일 것이라 생각하면 오산입니다. 웹폰트는 EOT와 WOFF가 있는데 EOT 형식의 웹폰트는 익스플로러에서만 ..
맑은고딕,나눔고딕,돋움,굴림,애플고딕,Droid Sans 사용 이 블로그 폰트는 간단히 적는다. 현재는 나눔바른고딕은 추가했고 전에는 웹폰트는 모빌리스 웹폰트 서비스의 렉시새봄을 사용했는데 이제는 렉시새봄 웹폰트 파일을 올려서 사용중이다. 아래 글에서 모빌리스 웹폰트 서비스에서 렉시새봄 웹폰트를 사용하는 것에 대한 것이다. 이 글을 쓰는 시점으로 이 블로그에서 사용하는 폰트는 아래 그림을 보듯이 나눔고딕(NanumGothic),맑은 고딕(Malgun),애플고딕(AppleGothic),Droid Sans,굴림(Gulim)입니다. 아래에서 모빌리스 웹폰트 서비스의 렉시새봄 웹폰트에 설명합니다. 저의 모바일 페이지인데 아래처럼 모바일 페이지에서는 안드로이드 기본폰트인 Droid Sans로 보입니다. 아래 그림 두번째 그림을 보듯이 스마트폰에서 설정한 HY사진여행이 아닌 ..
나눔고딕 웹폰트,다운로드와 사용하지 않는 이유 이 글을 쓴 후 모빌리스 웹폰트 서비스를 사용하면 간단히 나눔고딕 웹폰트를 권하게 됐습니다. 저는 현재 모빌리스 웹폰트 서비스의 렉시새봄이라는 웹폰트를 사용하고 있습니다. 모빌리스 웹폰트는 개인에게만 무료이니 상업적으로 사용한다면 http://people.mozilla.com/~jkew/woff/(영어)에서 eot가 아닌 woff 웹폰트를 만들 수 있다는 것을 알았습니다. 그리고 http://7ccccv.tistory.com/161 에서 eot,woff 파일은 모두 받을 수 있으니 회사,단체 등 블로그를 생각한다면 거기에서 다운받기바랍니다. 아래 글은 woff 파일이 없기전 썼습니다.모빌리스 웹폰트는 개인만 무료 (회사,단체 등은 아님) 나눔고딕 TTF나 OTF 폰트가 아니라 나눔고딕 EOT 웹폰트를 다..
[티스토리 자유성 1] 폰트제한과 영역별 폰트 아래 그림과 같이 네이버 블로그에는 다음 블로그,이글루스에 없는 영역별로 글꼴을 설정할 수 있습니다. 그럼 와! 할 것 같습니다. 만약 저도 티스토리 블로그가 없다면 같이 와! 할 것입니다. 그러나 티스토리 블로그는 더 다양하게 할 수 있어서 저는 와! 할 수가 없습니다. 티스토리 블로그의 자유성을 활용한다면 네이버 블로그의 영역별로 폰트 설정하는 것이 우습게 보이거든요. 단 조건이 CSS에 울렁증이 없어야 합니다. 저나 다른 사람이 CSS 어쩌구 저쩌구 해도 머리가 아플야 합니다. 폰트 제한 - 네이버 블로그 위는 네이버 블로그의 폰트설정인데 네이버 블로그에서는 웹폰트를 228개를 무료로 제공합니다. 그러나 제한을 생각한다면 223개가 그렇게 커보이지 않습니다. 아래와 같은 제한으로 223개의 무료 웹..

티스토리툴바