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

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

คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไง" s5 }+ L P: G$ b3 }
คือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ

<html>
. j1 j3 i2 g$ e( k7 U [5 E" R; l
<head> 8 U" O7 p$ W l0 C7 O
<meta http-equiv="Content-Type" content="text/html; charset=tis-620">
3 z, i) X( v/ g& y
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title>
0 R7 q: h6 S$ P
* S1 Q! L6 y7 ?
<style type="text/css">
2 o' [, U0 O( o5 @: Y& Z! d
@font-face {
3 Q, `) b# j6 C/ ^$ J) H, t+ e8 K& A
font-family: MyCustomFont;
' M- [6 U9 C; x m8 w
src: url("THSarabunNew.eot") /* EOT file for IE */
! S Z7 v& B' p, |* {! _
}* J; o- T* d9 v5 S5 J
@font-face {1 V: @1 n- B% f8 C
font-family: MyCustomFont;# t. s2 q$ [/ C6 X0 K
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers *// f2 d% B6 W5 V( p6 l- K8 v" d
}
9 B. k: t& v) m# p8 {
body {8 P( h- |3 f0 L& H" Z
font-family: MyCustomFont, Verdana, Arial, sans-serif;, _# ?2 w. X' ?* X9 `
font-size: medium;2 z, c6 e3 b S" C8 I2 I# a' L
color: black% g. V: p$ p) a! P
}, u* M8 d: { o/ r! |
span.header {
" }4 ]" s; q% V7 _' w
font-family: MyCustomFont, Impact, "Arial Black", sans-serif; c4 D! i4 H8 v# v1 I' i
font-weight: bold;
! ]/ \) `% x! d& k
color: red
9 [8 e( L/ X, B6 S
}
2 a+ Y8 X$ L/ l* `2 W
</style>+ T9 o9 {/ l g, W
</head> . X) N. t9 N# K; @% M
<body>
6 D) a* Q' h3 S% E
<center>
9 Z1 C! x8 e y9 n. F1 `; ~3 z' \
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div>
# \- H) d! \$ _: L" h- Z/ h; Y
</center>
& i* b5 a; F% ]- s! r
</body>8 m$ {5 j# A y. [8 I6 i
</html>

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

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

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

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

/** R/ w: B- G: e7 h0 `
*) r" L a8 J7 ]! r8 q( y
* The fonts included are copyrighted by the vendor listed below.
9 n2 p: ^; Y; `: q: {5 c6 E
*( z" S( B0 _) E6 ]. A i9 K2 @/ v
* @vendor: Bright Ideas+ T) U' z0 T! Z" B( P/ Z
* @licenseurl: http://www.fontsquirrel.com/license/Riesling
! Z6 @& ^: h; X% y, f; y) `$ h
*
) x8 |+ U) S/ }( ]
*$ u( @+ t& t& w$ Q0 z! ?
*/* Q0 \: _' D3 O
9 l/ \; a" G6 [: x8 Z
@font-face {
3 L5 E( M: s/ D3 [) R
font-family: 'RieslingRegular';1 F" ^0 q# S" Z" m0 C3 P; j
src: url('fonts/riesling.eot');9 ?9 T- l5 w0 ?2 X1 Z4 j$ H
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');2 ]2 D1 [# l. o/ N; A( B3 H
}

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

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

h1 {
. c4 d6 H' j2 g! o8 M
font-family: 'RieslingRegular', Arial, sans-serif;1 r/ L; s- T! n' m) G/ {
}

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

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

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

คะแนน

คะแนน