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

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

คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไง
5 Z6 G& E: W# m8 y) I: h9 g2 fคือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ

<html>
0 n$ A: q& B: }9 f0 I- R7 w
<head>
. J$ H0 t2 P8 M4 i! C0 d' g+ |- T
<meta http-equiv="Content-Type" content="text/html; charset=tis-620"> $ M/ b& ?7 p4 k- R
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title> + N: g" V! h3 k6 e& {6 G0 A
4 n7 T4 ^$ g5 k4 @" ^8 f
<style type="text/css">! T1 y4 `: R: ], u9 K9 G
@font-face {! _( K( @; {9 s1 O$ u; T5 A# m- u5 K
font-family: MyCustomFont;' P9 a" V3 h i
src: url("THSarabunNew.eot") /* EOT file for IE */
% u- ?+ e1 C+ ]. P4 P
}" J/ ~' W1 c p2 N' s$ P% L
@font-face {5 C* A7 I3 z! K7 @) H0 R+ y
font-family: MyCustomFont;
' A$ H; d- w# }! o2 {
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers */
3 S6 X. i( C$ b7 [6 |5 J
}
2 @8 z4 L1 A: p0 Y2 c& b
body {6 G3 O' {$ L: m* A
font-family: MyCustomFont, Verdana, Arial, sans-serif;- u* r/ O9 \& ^3 d0 ]4 o4 y
font-size: medium;
) a: w8 ^& Z2 @8 {+ c8 F' C) ?
color: black. g7 D6 m. J+ x0 G: o2 _
}
+ X0 x; W( n( k& g
span.header {0 c4 T$ @9 x. Z- G* X: D
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;# C+ a4 W* L8 n3 O1 W
font-weight: bold;
6 _& [' }) T' c& S
color: red
8 G E; f% C/ w: N. V
}
6 J8 |' g! i# Y) R% S
</style>
2 p7 @) z: _6 Y* p0 Y8 K
</head> 5 ]' V( z2 u. X9 i4 }/ O- s! z
<body> - o, B, `1 ?( E
<center>
- w, f# P& c, D: n. K$ `
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div> 8 s d5 J( i, J+ E7 U+ y5 ~
</center>
& q7 q4 h2 T- f* c+ q4 x
</body>
6 s$ e# y0 D; u0 v
</html>

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

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

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

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

/*3 h8 _$ m; X# j! _1 R2 j
*2 r% x9 o/ C+ D7 r- v* Z# a0 g
* The fonts included are copyrighted by the vendor listed below.
0 b, Q5 B1 q7 G* e
*3 u$ h. D7 a' d; K& W- e- F
* @vendor: Bright Ideas) {: `' N! k& a
* @licenseurl: http://www.fontsquirrel.com/license/Riesling
- U1 |( p( d h( A _; v+ C
*) o. a0 _5 l0 }5 c+ T
*
1 \6 T7 b5 P. c( Z
*/3 ^ l1 \ Z" w
6 F% X3 _ I, S7 }, O+ c- i3 I
@font-face {
. e; d% T/ J. u& O) Z; Y
font-family: 'RieslingRegular';* t( |9 C, `- J5 C
src: url('fonts/riesling.eot');( @ D4 F. q( m* o
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
8 I+ b' t$ b% b0 j8 c
}

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

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

h1 {# J3 Z/ N: c0 X* Q; h/ U' U
font-family: 'RieslingRegular', Arial, sans-serif;
! T# p s" j: Y% Y2 A
}

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

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

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] อยากรู้วิธีเปลี่ยนแบบอักษร(ฟอนต์)ที่แสดงในหน้าเว็บ...ครับ

คะแนน

คะแนน

ดูบอร์ด