อยากรู้วิธีเปลี่ยนแบบอักษร(ฟอนต์)ที่แสดงในหน้าเว็บ...ครับ

jomyuthack · โพสต์ 2012-9-8 23:23:49

คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไง
5 m! q# U6 v- m$ K! v0 X" }คือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ

<html> 4 e& S5 B. s3 s* O5 L$ F7 ~
<head>
/ E. o# J, ~( R
<meta http-equiv="Content-Type" content="text/html; charset=tis-620">
( ?8 ?/ O# d4 A9 G' A, F
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title> - C" u0 ^; C$ E+ j% q5 a) Z5 j
* X; G) J g4 F/ `1 r. \
<style type="text/css">& i9 I, o' U+ _
@font-face {
7 n$ y2 U \. c7 }# w I h
font-family: MyCustomFont;$ W" b' ~) o1 ]5 `
src: url("THSarabunNew.eot") /* EOT file for IE */
( r: g9 W- o7 e4 l; O
}- u3 q& m$ m# J" }$ m$ D0 x9 k q
@font-face {. P1 U, A# m$ _! r1 s0 p
font-family: MyCustomFont;
% j/ R; G0 {7 [- }$ a, |
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers */
7 w7 b" X t9 Q& z: \, }
}
: t! N+ j# \# U# L, W y
body {9 _! j; Y- X8 d7 ^
font-family: MyCustomFont, Verdana, Arial, sans-serif;9 D K# G: Y/ M% C" v4 k6 {
font-size: medium;$ t) j1 z3 a$ z) |
color: black
# I6 l+ D. u% C: U5 B" k
}
; ] D' H) I7 A) z+ w& q1 E. A
span.header {
( b* ?8 W. f. W+ _
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;
0 y+ {: D( j9 }
font-weight: bold;
, V3 O( q; P+ C( w0 q
color: red
. d7 U% Q6 b/ F$ X+ g6 l
}
) f* G+ S* Y& x) v0 p4 L
</style>5 x0 c) ?9 H" e* m/ w+ ]
</head> ! z# W4 [' }+ m: x, q
<body>
- z, z0 A" S5 \ _( }& L
<center> # ~0 z1 r# b+ ~
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div> & W0 }( p+ l; l- {( ]( P
</center>
; U. n" G3 {5 d5 }5 d
</body>' B4 j- e+ o1 _( r7 L
</html>

คัดลอกไปที่คลิปบอร์ด

ผมไม่แน่ใจว่าโค๊ดที่ใส่นั้น ไม่ครบ หรือว่าผิดตรงไหน ขอคำแนะนำครับ

jaideejung007 · โพสต์ 2012-9-9 09:18:06

ลองเอาตัวนี้ไปประยุกต์ใช้นะครับ

/*
, _! `1 _/ `7 A4 u% d6 {
*# e& K9 \, G( k: J- N1 C
* The fonts included are copyrighted by the vendor listed below.& W B9 w& ]( o- t- T5 |5 M3 `
*
/ |' }$ E! c8 d
* @vendor: Bright Ideas
0 d* B; j4 u/ d) y. j/ t
* @licenseurl: http://www.fontsquirrel.com/license/Riesling' Z5 y8 J S+ t) K4 ?3 J
*! g: y6 s. m$ ?
*3 {! c; X* W% M- X
*/
2 E P. T h+ j- s/ g) r! B
( u$ H: `6 B' r' X3 L3 x
@font-face {
: W5 y1 c6 D# U$ u- P4 [
font-family: 'RieslingRegular';, p/ v3 h- q1 X
src: url('fonts/riesling.eot');+ _8 n9 q! |& E9 u
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
. A5 {9 t# a4 l! o# F
}

คัดลอกไปที่คลิปบอร์ด

จากนั้นกำหนดคลาสให้กับ TAG HTML ที่ต้องการนำไปใช้งาน เช่น แท็ก H1

h1 {
! ` W0 f+ S% k% y: s
font-family: 'RieslingRegular', Arial, sans-serif;1 W# k# q* \" y/ b* p- P
}

คัดลอกไปที่คลิปบอร์ด

เบิ่งเพิ่มเติมเด้อครับ:

http://bavotasan.com/2010/embedding-fonts-web-site-css-font-face/

คัดลอกไปที่คลิปบอร์ด

หรือเอาเทมเพลทนี้ไปประยุกต์ใช้ได้ครับ (แอบเนียนโฆษณาเทมเพลทตัวเอง อิอิ) http://forum.discuzthai.com/thread-35136-1-1.html ใช้ฟอนต์ Leelawadee ซึ่งเป็นฟอนต์สำหรับแสดงภาษาไทยใน Windows 8

ส่วนตัวแปลงไฟล์ .ttf ให้เป็น .eot, .svg, .wof เว็บนี้ครับ www.fontsquirrel.com/fontface/generator

lokee · โพสต์ 2012-9-28 23:25:08

ผมแล้วโค้ดใช้ได้นะครับ แต่เป็นฟอนต์ผมเอง ฟอนต์ที่่คุณทำฟอนต์มันไม่รับภาษาไทย(คิดว่านะ) ลองเอาของผมไปดูครับ

http://www.skillweb.org/aa.rar

บัญชี		จำสถานะนี้ไว้ในครั้งหน้า	ลืมรหัสผ่าน
รหัสผ่าน			สมัครสมาชิก

[Live Talk] อยากรู้วิธีเปลี่ยนแบบอักษร(ฟอนต์)ที่แสดงในหน้าเว็บ...ครับ

คะแนน

คะแนน