SIR
이전글 목록 다음글
때

브라우저별 폰트가 다르네요.

때때미
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 10년 전 · 1209 · 4

Verdana, Arial, sans-serif

 

이렇게 폰트패밀리를 했을 경우에,

 

오페라, 크롬, IE는  3e73eff51fd58a4b13ecad438874e23d_1439346801_2527.jpg<-고딕체로 나오는데,

 

사파리, 파이어 폭스는 3e73eff51fd58a4b13ecad438874e23d_1439346801_2864.jpg<-고딕이라기 보다는 살짝 굴림에 가늘게 나오네요.

 

어떤걸 해결해야할까요???


 

 

#퍼블리셔톡 #퍼블리셔
|

댓글 4개

NNJEAN
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
한글 폰트도 명시를 해줍니다.
[code]
font-family:Verdana, Arial, sans-serif, Malgun Gothic, Nanum Gothic, Dotum;
[/code]
위와 같이 했을 경우, 시스템에 명시한 폰트가 있어야 출력됩니다.

맑은 고딕(Malgun Gothic)의 경우 마이크로소프트 윈도우7 이상의
사용자라면 브라우저에 맑은 고딕으로 출력됩니다.

나눔 고딕(Nanum Gothic)의 경우 나눔글꼴( http://hangeul.naver.com/font )이
설치 되어 있어야 나눔 고딕으로 출력됩니다.

하지만 위와 같이 했을경우, 자신의 피씨에서만 의도한것처럼
출력됩니다. 다른 이용자들에게도 동일한 경험을 하게 하려면
웹 폰트를 사용해야 합니다.
NNJEAN
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
웹 폰트 사용법.
나눔고딕의 경우를 한 번 보자면.
나눔고딕은 구글의 earlyaccess에서 제공하는 CSS 를 통해
적용 할 수 있습니다.

적용 방법은 다음과 같습니다.
[code]
<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">
<style>
body {font-family:Verdana, Arial, sans-serif, Nanum Gothic, NanumGothic;}
</style>
[/code]

이제, 다른 브라우저에서도 나눔고딕이 적용된 것을 확인 할 수 있습니다.
고파보드
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
담아감니당!!
kkiplayer
프로필 보기이 회원 글보기이 회원의 댓글보기
 9년 전
정확히 얘기해서 그런 문제 대문에 웹폰트를 사용합니다.
하지만 안타깝게도 제가 여러 방식을 이용해본 결과 모든 브라우저에서 똑같은 폰트모양이 나올수 없습니다.
폰트의 가독성 문제가 있기 때문에 다 다르게 나옵니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10년 전 조회 1,380
10년 전 조회 836
10년 전 조회 758
10년 전 조회 1,087
10년 전 조회 814
10년 전 조회 715
10년 전 조회 778
10년 전 조회 714
10년 전 조회 760
10년 전 조회 673
10년 전 조회 940
10년 전 조회 2,768
10년 전 조회 907
10년 전 조회 649
10년 전 조회 678
10년 전 조회 723
10년 전 조회 2,034
10년 전 조회 1,950
10년 전 조회 1,343
10년 전 조회 1,654
10년 전 조회 1,778
10년 전 조회 1,731
10년 전 조회 1,106
10년 전 조회 839
10년 전 조회 1,348
10년 전 조회 887
10년 전 조회 697
10년 전 조회 989
10년 전 조회 1,667
10년 전 조회 1,355
10년 전 조회 810
10년 전 조회 1,392
10년 전 조회 5,373
10년 전 조회 878
10년 전 조회 1,958
10년 전 조회 1,307
10년 전 조회 1,772
10년 전 조회 1,535
10년 전 조회 1,085
10년 전 조회 1,644
10년 전 조회 1,277
10년 전 조회 844
10년 전 조회 847
10년 전 조회 1,093
10년 전 조회 1,594
10년 전 조회 1,046
10년 전 조회 1,300
10년 전 조회 1,143
10년 전 조회 910
10년 전 조회 1,210
10년 전 조회 752
10년 전 조회 956
10년 전 조회 883
10년 전 조회 1,201
10년 전 조회 1,394
10년 전 조회 1,307
10년 전 조회 1,016
10년 전 조회 1,333
10년 전 조회 1,120
10년 전 조회 878
10년 전 조회 1,499
10년 전 조회 954
10년 전 조회 1,238
10년 전 조회 919
10년 전 조회 757
10년 전 조회 2,166
10년 전 조회 1,252
10년 전 조회 1,275
10년 전 조회 1,035
10년 전 조회 1,330
10년 전 조회 1,179
10년 전 조회 923
10년 전 조회 1,377
10년 전 조회 1,824
10년 전 조회 1,239
10년 전 조회 1,122
10년 전 조회 1,141
10년 전 조회 1,078
10년 전 조회 1,747
10년 전 조회 1,667
10년 전 조회 710
10년 전 조회 1,117
10년 전 조회 691
10년 전 조회 1,052
10년 전 조회 2,514
10년 전 조회 1,066
10년 전 조회 3,109
10년 전 조회 1,763
10년 전 조회 1,373
10년 전 조회 736
10년 전 조회 1,093
10년 전 조회 1,380
10년 전 조회 1,784
10년 전 조회 3,125
10년 전 조회 1,907
10년 전 조회 2,076
10년 전 조회 2,555
10년 전 조회 4,178
10년 전 조회 1,738
10년 전 조회 917
이전 첫 페이지 다음
글쓰기