CSS

CSS와 관련된 팁이 있는 곳입니다. 좋은 자료 공유해 주세요.
관련메뉴 (x)html | javascript | jquery
  • 웹미니 한줄 전광판 영역 입니다.
글 수 123

아이폰에 나눔고딕으로 웹페이지 만들기

2011.08.25 09:55:12 댓글 바로가기

집중모드 켜기

0

조회 수 : 4956 신고 : 0

profile
작성자 : nkkim96
포인트 : 626 | 레벨 : 2
미리보기 :  

아이폰이나 아이패드를 이용하여 웹페이지를 보면 애플에서 제공하는 기본폰트 "애플고딕"으로만 웹페이지를 확인 할  수 있었습니다.

하지만 웹폰트를 이용하여 나눔고딕으로 웹페이지를 볼 수 있는 방법이 있습니다.

 

참고사이트는 http://api.mobilis.co.kr/webfonts/font_usage.html?fontface=NanumGothicWeb 를 참고 하시면 됩니다.

현재 운영되고 있는 사이트를 나눔고딕으로 바꾸고자 한다면 예를 들어 default,css를 이용하고 있다면 default.css를 열어서 @import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb"); 를 추가 해주시고,

body속성 : body {font-family:'NanumGothicWeb'}를 추가해 주시면 아이폰에서 나눔고딕을 이용하여 웹페이지를 제작 할 수 있습니다.

아이패드도 되니 같이 확인을 하시면 됩니다.

0 0
이 글이 마음에 드셨다면 nkkim96님에게 포인트를 선물 하세요!
profile 글쓴이 nkkim96
엮인글 :
https://web.webmini.net/css/323094/a2e/trackback
이 게시물을...
목록 이전 다음
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '3'

★GM★해커탑 (323115)

2011.08.25 10:36:33

으흠... 1등!

0 0 신고
profile
title: [ani]깜빡이는 표정빽짱구 (323121)

2011.08.25 10:55:54

좋은 정보 감사합니다.

0 0 신고
title: [ani]보라색 나비바비인형 (329561)

2011.09.24 14:37:13

나눔고딕체 팁 감사합니다.

0 0 신고
List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
공지 Cascading Style Sheets (CSS3) file title: [ani]깜빡이는 표정빽짱구 2010-06-29 1 32637
공지 CSS 용량을 줄여주는 사이트 file [7] title: [ani]깜빡이는 표정빽짱구 2010-05-13 1 23175
공지 css 팁에 관련해서... [1] title: [ani]깜빡이는 표정빽짱구 2007-11-30 1 44339
23 아이폰에 나눔고딕으로 웹페이지 만들기 [3] nkkim96 2011-08-25   4956
22 [css3] 텍스트에 그림자주기 (text-shadow) [1] title: [ani]깜빡이는 표정빽짱구 2012-04-26   4741
21 css3 border-radius 속성 file [1] title: [ani]깜빡이는 표정빽짱구 2012-09-03   4617
20 [css3] 웹 브라우저별 벤더 프리픽스 title: [ani]깜빡이는 표정빽짱구 2012-08-30   4071
19 css3로 브라우저 별로 그라데이션 주기 title: [ani]깜빡이는 표정빽짱구 2012-07-23   3995
18 css3 그라데이션을 손쉽게 적용하자 title: [ani]깜빡이는 표정빽짱구 2012-10-11   3969
17 모바일 코딩시 메뉴가 3개일때 해결방법 title: [ani]깜빡이는 표정빽짱구 2013-12-18   3557
16 크롬,사파리,익스 스크롤바 바꾸기 title: [ani]방울UI 2013-08-08   3399
15 [반응형웹]해상도에 따른 CSS호출하기(미디어쿼리) title: [ani]깜빡이는 표정빽짱구 2014-05-20   3228
14 list-style 속성들 title: [ani]깜빡이는 표정빽짱구 2012-10-26   2947
13 자주쓰는 css3 속성 Top10 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2903
12 모바일 가로버전 @media title: [ani]깜빡이는 표정빽짱구 2013-12-23   2891
11 css3 box-shadow 에 대해 알아보자 title: [ani]깜빡이는 표정빽짱구 2013-01-09   2593
10 css 패턴 title: [ani]깜빡이는 표정빽짱구 2014-05-14   1828
9 포토샵과 letter-spacing 자간 비교 file title: [ani]깜빡이는 표정빽짱구 2018-12-24   576
8 IOS 박스 스크롤 부드럽게 하기 -webkit-overflow-scro... title: [ani]깜빡이는 표정빽짱구 2016-02-16   572
7 크롬 input 박스 노란색 제거 하기 title: [ani]깜빡이는 표정빽짱구 2018-09-23   514
6 아이폰에서 textarea 그림자 제거 [1] title: [ani]깜빡이는 표정빽짱구 2018-09-25   388
5 CSS3 box-sizing:border-box [1] title: [ani]깜빡이는 표정빽짱구 2016-02-16   384
4 아이폰(ios) input 박스안에 그림자 및 라운드 제거하기 title: [ani]깜빡이는 표정빽짱구 2018-10-28   299
목록