디아블로3 사이트에 보이는 웹폰트 질문입니다.

글쓴이: oppor / 작성시간: 일, 2012/05/20 - 6:34오전

스크린샷에 나오는
"디아블로 III 광고 영상 공개"
라는 글은 그림이 아니고 폰트 더라구요.
마우스 드래그 해서 copy & paste 가능한거 확인했구요
www.diablo3.com 참조

그런데 이게 제 컴퓨터에 있는 폰트가 아니고
디아블로 3 전용 폰트인데
어떻게 웹상에서 저 폰트가 보이는지 참 신기합니다.

웹폰트 기술도 윈도우 상에서만 되는걸로 알고 있구요.
전 맥을 쓰거든요.
저 폰트를 제가 가지고 있지도 않구요.

혹시 저런 기술이 어떻게 가능한지 알고 계신분 있으신가요?

File attachments:

첨부	파일 크기
hhh.png	212.9 KB

Forums:

프로그래밍 QnA

댓글 달기

여기 가보세요.

글쓴이: shint / 작성시간: 일, 2012/05/20 - 9:24오전

http://ogp.me/

metadata를 div에서 사용할 수 있는 The Open Graph protocol 이라고 합니다.

----------------------------------------------------------------------------
젊음'은 모든것을 가능하게 만든다.

매일 1억명이 사용하는 프로그램을 함께 만들어보고 싶습니다.
정규 근로 시간을 지키는. 야근 없는 회사와 거래합니다.

각 분야별. 좋은 책'이나 사이트' 블로그' 링크 소개 받습니다. shintx@naver.com

답글

질문에 답이 있네요. 웹폰트라는

글쓴이: cleansugar / 작성시간: 일, 2012/05/20 - 9:25오전

질문에 답이 있네요.

웹폰트라는 기술입니다.

폰트를 웹폰트 형식으로 변환하거나 직접 제작해서 웹서버에 올리면 됩니다.

재벌 2세가 재벌이 될 확률과
금메달리스트 2세가 금메달을 딸 확률이 비슷해지도록
자유오픈소스 대안화폐를 씁시다.

아이디의 아이디어 무한도전
http://blog.aaidee.com

귀태닷컴
http://www.gwitae.com

답글

+1 윈도우에서만 되는거 아닙니다.

글쓴이: planetarium / 작성시간: 일, 2012/05/20 - 2:39오후

+1
윈도우에서만 되는거 아닙니다.

답글

답변 감사드립니다. 웹폰트라는게 윈도우

글쓴이: oppor / 작성시간: 일, 2012/05/20 - 6:51오후

답변 감사드립니다.

웹폰트라는게 윈도우 에서
애드온을 깔아야 되는건줄 알았는데 아니었나보군요.

감사합니다.^^

답글

윂폰트는 html5의 일부분이기도 합니다.

글쓴이: hys545 / 작성시간: 월, 2012/05/21 - 9:40오전

원래는 ie에서만 지원했는데
다른 브라우저에서도 지원하기 시작해서
지금은 html5에서 공식적으로 지원합니다

즐린

답글

원래 IE 에서만 지원했던 것이 아니라.. IE에서만

글쓴이: 익명 사용자 / 작성시간: 월, 2012/05/21 - 10:58오전

원래 IE 에서만 지원했던 것이 아니라.. IE에서만 EOT 형식의 웹폰트만 쓸 수 있었습니다.

여전히 EOT 형식은 IE 에서만 쓸 수 있지만, 여타 최신의 다른 브라우저에서 ttf, otf, woff 등을 웹폰트로 사용할 수 있습니다.

답글

댓글 달기

이름

제목

댓글 *

텍스트 포맷에 대한 자세한 정보

텍스트 양식

Filtered HTML

텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
You can use Textile markup to format text.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
Quick Tips:
- Two or more spaces at a line's end = Line break
- Double returns = Paragraph
- *Single asterisks* or _single underscores_ = Emphasis
- **Double** or __double__ = Strong
- This is [a link](http://the.link.example.com "The optional title text")
For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

HTML 태그를 사용할 수 없습니다.
web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
줄과 단락은 자동으로 분리됩니다.

CAPTCHA

이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.

부 메뉴