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

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

คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไง
2 _, x3 v& C; mคือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ

<html> 5 p* i: y5 \' g
<head>
! m2 F$ u) O% u3 S* S$ ^* s
<meta http-equiv="Content-Type" content="text/html; charset=tis-620"> / h/ V* P: `- R( z( V
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title>
4 t6 ~0 K. g8 m" Y5 {/ i" b- W
. |: e" [9 H' J2 `, N" A+ f' M4 o Y
<style type="text/css">
7 I M' v B, x
@font-face {2 I+ _& G+ i+ L' H5 O; w
font-family: MyCustomFont;
2 d3 _1 ~/ f+ A7 s
src: url("THSarabunNew.eot") /* EOT file for IE */
: N6 G8 s I" p" [" o. d
}* x& c( f8 j5 f
@font-face {
9 I& T# ^$ Q) j
font-family: MyCustomFont;
' C/ B0 d$ B4 H+ q. }
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers */
9 n% \9 V0 G! {& s
}0 D2 |1 U5 k# o8 g: |
body {
8 i0 ~2 K' m% x1 a% K/ _$ N
font-family: MyCustomFont, Verdana, Arial, sans-serif;
! r- ~7 R# M( R& x
font-size: medium;
7 }; x! K; [0 c% W' F$ ~% i! S' q
color: black- o" Q+ Y% ]0 X2 |3 j
}
- r* N7 E4 l. u
span.header {; D6 ?: z- m6 a
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;8 Q1 w" r3 M' H7 k
font-weight: bold;
4 G: [/ C7 D3 {! t
color: red
" s1 A: S/ ~- M* ?% x$ l% t" Y9 @. y
}
7 P- t( H0 v$ R2 ~ G2 h$ ?
</style>/ M3 \/ O$ H! k# @/ N% M
</head> 2 h. A5 T% z( L( a7 d8 H7 n
<body> 7 y t# N. m8 X" ~5 D# s" m- G
<center> 2 e6 d% k' l4 E5 y9 v+ p
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div> , H |8 R! m9 M' }( y7 h
</center>9 q% [: J- S0 J+ \& |3 A* Y" p5 M
</body>; q M0 m8 c! | N
</html>

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

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

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

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

/*
/ j! g+ E5 h& x" C1 T4 a% D
*
9 S' Y# T( L c Y6 ~" q6 ^
* The fonts included are copyrighted by the vendor listed below.
. W# A/ I2 r V# e5 r f
*4 i- B8 F0 o8 c' n7 r3 Z
* @vendor: Bright Ideas
# K l: @# |2 g, C
* @licenseurl: http://www.fontsquirrel.com/license/Riesling
* [, R; e2 \) R4 X# o7 I" q6 e) q; j1 ^
*
0 `7 I5 v/ C& p* v0 b8 e
*
! q. ~1 N) Q, O. J/ ]0 ^
*/. `) \& t7 a9 F
6 [! d/ p1 D' ^4 d8 g
@font-face {9 B6 M4 N. w J' M- S' k
font-family: 'RieslingRegular';* q$ R- `$ R& u( X- ~: b
src: url('fonts/riesling.eot');$ b* l# Z% m8 R7 B: C5 N& X
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');/ ~& b* r X; S3 _0 h
}

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

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

h1 {9 \# Z. T, N/ c, b9 P
font-family: 'RieslingRegular', Arial, sans-serif;$ H& X# I# t7 s- q, V. h9 b3 u j
}

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

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

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

คะแนน

คะแนน