웹폰트를 사용한 텍스트 폰트변경하는 방법

게시글

웹폰트를 사용해서 텍스트 폰트변경하기

웹폰트를 사용하는 방법이다 스타일부분에 @font-face{font-family: fontstyle01;src:url(/swww/font/RixGoB.eot);} 선언하고 사용하고자 하는곳에 다음과같이 사용하면적용된다 웹폰트 NanumGothic.eot 장점이 틀림없이 있다 그러나 난 별로 사용하지 안는다 이유는 IE에서는 작동되는데 크롬브라우저에서는 적용되지 않는다 그리고 적용되는 IE에서도 로딩과동시에 적용되는것이 아닌 페이지로딩후 조금 후에 글씨체가 변경된다 아무래도 해당 NanumGothic.eot 폰트를 불러오는 시간이 걸리는듯하다 그리고 기본적인 확장자는 ttf인데 이걸 eot파일로 변경한 후에 사용해야된다

다폰트

www.dafont.com

무료폰트를 다운받아 사용할 수 있는 다폰트 http://www.dafont.com 를 소개합니다 다폰트는 한글 폰트가 아닌 영어폰트를 다운받아 사용할 수 있는 사이트 입니다. 다폰트 첫 화면에 접속하게 되면 폰트의 성격을 태그로 나열해 놓아 클릭만 하면 해당 태그의 폰트를 확인할 수 있습니다. 보다가 맘에 드는 폰트를 찾으면 다운 받아 사용하시면 됩니다. 그런데 이때 주의해야 할 사항이 있습니다 항상 무료관련 콘텐츠를 사용할 때에는 법적인 문제가 발생할 수 있으므로 꼭 저작권을 살펴 봐야 합니다. 확인 방법은 간단합니다. 폰트의 다운로드 버튼 바로 위에 해당 저작권에 관한 정보가 있습니다. 종류는 9개 정도로 구분되어 있는데 각각의 사용범위는 다음과 같습니다. Public domain 일반사용자가 저작권에 상관없이 자유롭게 사용할 수 있는 폰트 GPL 저작권은 있으나 수정, 배포 등이 가능한 폰트 OFL GPL과 비슷한 무료로 사용 가능한 폰트 100% Free 상업적으로 사용 가능한 폰튼 Free for personal use 개인적인 용도로만 가능한 폰튼 상업적으로 사용 불가능함 Donationware 기부된 폰트이며 무료폰트와 비슷하지만 제약이 있을 수 있음 Shareware 공유한 폰트 이지만 상업적으로 사용할 때는 문제가 발생될 수 있음 Demo ​저작권이 있으며 상업적으로 사용하지 못함 Unknown 저작권을 알수 없는 폰트 상업적으로 사용하고자 한다면 100% Free를 사용하시면 됩니다. 굳이 저작권 때문에 고민하실 필요 없이 상업적으로 가능한 폰트를 검색해 그 중에서 선택하여 사용하시길 권해드립니다 해당폰트를 찾는 방법은 검색 창 우측 More options를 클릭하여 100% Free를 선택 후 검색하시면 됩니다. 평이한 영어폰트가 아닌 디자인이 가미된 영어폰트를 원하신다면 다폰트를 적극 추천해 드립니다

게시글

단순 텍스트를 이미지로 만드는 방법 (텍스트 이미지 만들기)

단순 텍스트를 이미지로 만드는 방법입니다

눈누

noonnu.cc

무료 폰트를 다운받아 사용하실 수 있는 눈누 https://noonnu.cc 를 소개합니다 눈누는 한글 폰트를 무료로 다운받을 수 있는 주소를 수집해 서비스를 하는 사이트 입니다. 사이트 구성도 간단하고 직관적으로 디자인 되어 있어 아주 쉽게 활용할 수 있습니다 첫 화면에 접속하면 입력박스에 “문구를 입력해보세요” 라는 안내고 있습니다 문구를 입력하면 입력한 텍스트가 각각의 글씨체로 변환되어 페이지를 가득 채웁니다. 맘에 드는 글씨체가 있다면 클릭하신 후 다운받아 사용하면 됩니다. 이 때 다운로드는 눈누에서 직접 다운받는 것이 아닌 글씨체를 제공하는 사이트로 이동하여 다운로드 하는 형식입니다. 만약 폰트를 PC가 아닌 웹상에서 사용하고자 한다면 “웹폰트로 사용”이라는 CSS를 입력하여 사용하시면 됩니다. 이것이 진짜 무료인지 사용범위는 어디까지 인지 궁금하다면 눈누에서 제공하는 폰트 상세페이지 하단에 안내가 되어 있으니 참고하시면 됩니다. 그러나 더 정확한 것은 실제 폰트를 제공하는 사이트에서 확인하는 것이 가장 정확합니다. 무료 한글 폰트가 필요하시다면 눈누를 적극 추천합니다.

게시글

특정문자를 찾아서 교체하기

update tablename set content=replace(content,'이문구를','이문구로 바꿈') content필드의 내용중에 '이문구를'->'이문구로 바꿈' 교체할때 사용한다​

게시글

한글,영문입력방법 적용하는 스타일

스타일을 적용해서 텍스트 입력 형식을 결정할수 있다 한글인지 영문인지 등등 style = "ime-mode:auto" (자동변경) (한/영 전환 가능) style = "ime-mode:active" (한글 모드) (한/영 전환 가능) style = "ime-mode:inactive" (영문 모드) (오직 영문) style = "ime-mode:disabled" (영문 모드) (한/영 전환 불가) style = "ime-mode:deactivated" (한글 모드) (한/영 전환 가능)

게시글

모바일 홈페이지 상단에 선언하는 meta

모바일에서 홈페이지를 접근하게 되면 100% 적용안될경우가 있는데 그것은 meta를 선언하지 않았기 때문이다 아래는 필자가 모바일에서 사용하는 메타태그이다

게시글

text 내에 안내문구 넣는 placeholder 태그

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } ::-ms-input-placeholder { /* Microsoft Edge */ color: red; }