อยากรู้วิธีเปลี่ยนแบบอักษร(ฟอนต์)ที่แสดงในหน้าเว็บ...ครับ
คือว่าผมต้องการจะใช้ฟอนต์ THSarabunNew.ttf ซึ่งแปลงมาเป็นไฟล์อีกไฟล์หนึ่งนามสกุล .eot แล้วแต่ไม่รู้จะใส่ยังไงคือผมลองใส่แล้วแต่ทำไมรูปแบบมันไม่เปลี่ยนเลยครับ ขอคำแนะนำจากสมาชิกชาวดิสคัสไทยด้วยครับ<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=tis-620">
<title>:: ทำ Font-Face เพื่อแสดงข้อความที่ใช้ Font ::</title>
<style type="text/css">
@font-face {
font-family: MyCustomFont;
src: url("THSarabunNew.eot") /* EOT file for IE */
}
@font-face {
font-family: MyCustomFont;
src: url("THSarabunNew.ttf") /* TTF file for CSS3 browsers */
}
body {
font-family: MyCustomFont, Verdana, Arial, sans-serif;
font-size: medium;
color: black
}
span.header {
font-family: MyCustomFont, Impact, "Arial Black", sans-serif;
font-weight: bold;
color: red
}
</style>
</head>
<body>
<center>
<div class="MyCustomFont" style="font-size:16px">ยินดีต้อนรับ ทดสอบเปลี่ยนฟอนต์</div>
</center>
</body>
</html>ผมไม่แน่ใจว่าโค๊ดที่ใส่นั้น ไม่ครบ หรือว่าผิดตรงไหน ขอคำแนะนำครับ ลองเอาตัวนี้ไปประยุกต์ใช้นะครับ/*
*
* The fonts included are copyrighted by the vendor listed below.
*
* @vendor: Bright Ideas
* @licenseurl: http://www.fontsquirrel.com/license/Riesling
*
*
*/
@font-face {
font-family: 'RieslingRegular';
src: url('fonts/riesling.eot');
src: local('Riesling Regular'), local('Riesling'), url('fonts/riesling.ttf') format('truetype');
}จากนั้นกำหนดคลาสให้กับ TAG HTML ที่ต้องการนำไปใช้งาน เช่น แท็ก H1h1 {
font-family: 'RieslingRegular', Arial, sans-serif;
}เบิ่งเพิ่มเติมเด้อครับ: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 ผมแล้วโค้ดใช้ได้นะครับ แต่เป็นฟอนต์ผมเอง ฟอนต์ที่่คุณทำฟอนต์มันไม่รับภาษาไทย(คิดว่านะ) ลองเอาของผมไปดูครับ
http://www.skillweb.org/aa.rar
หน้า:
[1]