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

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

คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไง, m( r0 e& y$ N; v0 j9 g. h7 s
คือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ

<html>
* Y; v7 t9 F5 D# _" z* T3 p9 D. [& K1 x
<head>
! @5 @: \ a! w6 k& ^
<meta http-equiv="Content-Type" content="text/html; charset=tis-620">
4 D# u1 ?# l% u$ o& l5 R8 X
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title> % Z3 X3 v- W7 r" I; A+ l2 H
) `( J, x2 w/ S. }/ q$ A; J9 ]' n9 D
<style type="text/css">
9 d5 }2 r: \) N5 A
@font-face {
$ w2 ~. `: q$ d7 s$ O* S
font-family: MyCustomFont;# Q# T9 v1 E7 ]
src: url("THSarabunNew.eot") /* EOT file for IE */; X4 s0 r T/ | X2 G1 s3 ~ x+ r
}
' k) l5 P* c1 v+ W0 [) L
@font-face {* v) r2 |" J: @9 I5 G2 u
font-family: MyCustomFont;( G8 z" V0 U. F- l9 | g. K
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers */
) f9 f, X) m% _& b
}3 ]: ~6 E) h3 v1 J
body {0 w/ _/ j9 F$ ]7 E3 T# q9 { [
font-family: MyCustomFont, Verdana, Arial, sans-serif;, s7 L/ [8 ~4 f3 @& a
font-size: medium;
! [, [! `5 b/ N
color: black. P5 @1 n$ p0 m, I w) R
}: P: g4 m& D0 O9 s, F+ w
span.header {
" z) G, u# g) g4 S( h
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;" ?* |: U s3 @) v
font-weight: bold;6 f# C4 `" B& |% C
color: red' a' y/ b& v1 e7 D( ~! }
}# n, k5 T9 Q5 G \- k* t
</style>* d2 F/ [# v# R: h* B* H5 ^
</head>
5 K$ b* ]! m P7 t
<body> 3 g6 r% @" c* Q
<center> $ H, K9 B2 `- F3 a$ g, h7 g7 {! B
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div> O5 n3 m8 O1 v6 ]: i# }
</center>( x4 i8 z6 B8 t6 u2 _6 |0 G& m
</body>% ~! Q n0 U1 \- }
</html>

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

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

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

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

/*) d+ B" X: H0 f- k4 ]
*
, V' w3 h, |) }8 d- I
* The fonts included are copyrighted by the vendor listed below.- Q) {2 a; d' ^3 q
*
( Y( |( e+ ^0 Y
* @vendor: Bright Ideas
( I) E2 H; {7 G8 l$ O* o6 k
* @licenseurl: http://www.fontsquirrel.com/license/Riesling7 Q6 H2 _6 p- i. g9 h
*
5 D% @ R7 L+ q/ U2 L) b8 l; \0 i
* [4 m& |! u9 ?! _2 n H7 j# e
*/
* b1 o7 [0 [9 i$ b
: t. n; Q4 e2 D; F! r
@font-face {
) j" ]: E: p0 x) E, h/ n
font-family: 'RieslingRegular';
" l8 `9 q1 Z/ r9 ?! z- O
src: url('fonts/riesling.eot');* _4 ?9 S* e: \& D6 h( j8 J$ J
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
5 E+ `0 q6 ^0 T2 f- ^( Z6 d
}

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

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

h1 {- [, F* G5 h4 |4 i# ~
font-family: 'RieslingRegular', Arial, sans-serif;& w( [7 V" L2 P8 o: r0 y2 a+ _9 v. q
}

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

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

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

คะแนน

คะแนน