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

게시글

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

@font-face{font-family:fontstyle01;src:url(NanumGothic.eot);} @font-face{font-family:fontstyle02;src:url(NanumGothicBold.eot);} @font-face{font-family:fontstyle03;src:url(NanumGothicExtraBold.eot);} 웹폰트 NanumGothic.eot 웹폰트 NanumGothicBold.eot 웹폰트 NanumGothicExtraBold.eot 웹폰트를 사용하는 방법이다 스타일부분에 @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를 선택 후 검색하시면 됩니다. 평이한 영어폰트가 아닌 디자인이 가미된 영어폰트를 원하신다면 다폰트를 적극 추천해 드립니다

게시글

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

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

게시글

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

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

게시글

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

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

음성인식 HTML

www.google.com

html로 음성인식을 개발할수 있는 방법입니다 데모페이지가 있어 마이크를 연결하고 우측상단에 마이크 아이콘을 클릭하여 테스트 할수 있습니다. IE 브라우저에서는 되지 않고 크롬,파폭 등과 같이 웹표준을 잘 지킨 브라우저에서 확인가능합니다. 개발 방법은 https://blog.neonkid.xyz/124 주소에 잘정리 되어 있습니다

게시글

인터넷 브라우저로 띄우는 방법

폰갭을 사용하다보면 폰갭내의 웹뷰로 띄우지 않고 동일한 도메인인경우에 브라우저 창으로 띄울수 있다 이때 사용한다 navigator.app.loadUrl("띄울 주소",{openExternal:true}); 버전이 업되면서 보안때문에 도메인이 다른경우 브라우저창으로 페이지를 보여주게되는데(특별한설정없는경우) 동일한 도메인인경우에 브라우저 창으로 띄울수 있다​

게시글

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

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