ให้เรตสมาชิก: 2 / 5

ดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 5 CSS3 fonts ตอน 2
การใช้งาน font ที่แปลงด้วย @font-face เรียบร้อยแล้ว
ตัวอย่าง

<html>
<head>
<style> 
@font-face
{ font-family: myFirstFont;
src: url('Sansation_Light.ttf')
    ,url('Sansation_Light.eot'); /* IE9+ */ }

div
{ font-family:myFirstFont; }
</style>
</head>
<body>

<div>
you can learn CSS3 and HTML in www.mindphp.com
</div>

</body>
</html>

ผลลัพธ์คือ

คำอธิบาย
ตามตัวอย่าง src: url('/ให้ใส่ URL ของฟอนต์ที่เราอัปโหลแล้ว')

  การทำตัวอักษรแบบหนา
    ในตัวอย่างด้านล่างนี้เราเพิ่มแบบอักษรแบบหนา (Bold) และใช้คำสั่ง font-weight:bold; โดยมีการใช้แท็ก <b>...</b> กำกับบริเวณตัวอักษรที่ต้องการให้หนากว่าปกติ
ตัวอย่าง

<html>
<head>
<style> 
@font-face
{font-family: myFirstFont;
src: url('Sansation_Light.ttf')
    ,url('Sansation_Light.eot'); /* IE9+ */}

@font-face
{font-family: myFirstFont;
src: url('Sansation_Bold.ttf')
    ,url('Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;}

div
{font-family:myFirstFont;}
</style>
</head>
<body>

<div>
you can learn CSS3 and HTML in <b>www.mindphp.com</b>
</div>

</body>
</html>

ผลลัพธ์ที่ได้คือ

อ่านเพิ่มเติม

บทที่ 5 CSS3 fonts ตอน 1

ข้อมูลอ้างอิง
http://www.fontsquirrel.com
http://www.wecraftweb.com
http://www.w3schools.com

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขอถามผู้รู้หน่อยคะเกี่ยวกับการผลรวมของตารางคะ
โดย Lekzaza พ 29 ต.ค. 2008 11:33 pm บอร์ด Programming - PHP
4
1246
ศ 31 ต.ค. 2008 9:58 pm โดย Lekzaza
จะ Check Field ที่มีค่าว่างหลายฟิลด์ใ้ช้คำสั่งยังไง
โดย hyde4fun พ 29 ต.ค. 2008 9:01 pm บอร์ด SQL - Database
1
1994
พ 05 พ.ย. 2008 5:25 pm โดย hyde4fun
จะทำชาร์ทเลือกที่นั่งอะค่ะ คล้าย ๆ การเลือกที่นั่งในโรงหนัง
โดย Aaron พ 29 ต.ค. 2008 4:20 pm บอร์ด Programming - PHP
5
1777
พ 29 ต.ค. 2008 11:13 pm โดย mindphp
พอดีทำระบบ import csv เข้ามา พอเอาไปรัน แล้ว record ข้อมูล ท
โดย acake101 พ 29 ต.ค. 2008 10:36 am บอร์ด Programming - PHP
1
992
พ 29 ต.ค. 2008 5:52 pm โดย mindphp
ทำยังไงถึงแก้ \0 ได้คะ คือ import file มา โดยวิธีอ่านไฟล์ แล
โดย acake101 พ 29 ต.ค. 2008 9:28 am บอร์ด Programming - PHP
1
1128
พ 29 ต.ค. 2008 5:49 pm โดย mindphp
เซทให้มี Root หลายๆ อันอย่างไรครับ
โดย mossolo พ 29 ต.ค. 2008 4:02 am บอร์ด Programming - PHP
7
1215
พ 29 ต.ค. 2008 10:56 pm โดย mindphp
ทำแคตตาล็อกสินค้าในรูปของแผ่น cd ครับอันนี้พอทำได้ครับแต่จะใ
โดย teekaiman อ 28 ต.ค. 2008 11:48 pm บอร์ด SQL - Database
1
1547
พ 29 ต.ค. 2008 8:10 am โดย mindphp
กระดานแสดงความคิดเห็น มีให้เรา ดาวน์โหลดได้ฟรีหรือเปล่าคะ
โดย julee2427 อ 28 ต.ค. 2008 10:53 pm บอร์ด Programming - PHP
3
1125
พ 29 ต.ค. 2008 5:46 pm โดย julee2427
MySQL returned an empty result set (i.e. zero rows). มันหมาย
โดย acake101 อ 28 ต.ค. 2008 10:04 am บอร์ด Programming - PHP
1
1877
อ 28 ต.ค. 2008 6:04 pm โดย mindphp
ถามเกี่ยวกับ target="_blank" แล้วกำหนด ขนาดของหน้าเวปเพจ
โดย wat_rukawa อ 01 ก.ค. 2008 8:33 pm บอร์ด HTML CSS
4
9705
พฤ 22 ม.ค. 2015 1:48 pm โดย tongclub48
xampp ใช้ php ติดต่อกับ mssql 2005 express ยังไงครับ
โดย ominae ศ 24 ต.ค. 2008 7:45 pm บอร์ด Programming - PHP
4
3340
จ 21 ธ.ค. 2009 12:30 pm โดย บุคคลทั่วไป
ปรับแต่ง Mysql Discussion about optimise MySQL to handle a
โดย mindphp อ 28 ต.ค. 2008 2:25 am บอร์ด SQL - Database
0
1601
อ 28 ต.ค. 2008 2:25 am โดย mindphp
ทำไม มันยังมี \0 คะ
โดย acake101 อ 28 ต.ค. 2008 12:00 am บอร์ด Programming - PHP
1
784
อ 28 ต.ค. 2008 12:27 am โดย mindphp
ช่วยด้วยค่ะ ทำไมอ่านไฟล์ csv แล้วเป็นแบบนี้คะ มีวิธีแก้ไหม อ
โดย acake101 จ 27 ต.ค. 2008 7:31 pm บอร์ด Programming - PHP
1
1173
จ 27 ต.ค. 2008 7:47 pm โดย mindphp
เราจะเก็บค่า error ประเภท 400,401,403(Bad request,Unauthori)
โดย jakepae จ 27 ต.ค. 2008 5:14 pm บอร์ด Programming - PHP
2
842
จ 27 ต.ค. 2008 6:37 pm โดย jakepae
แทรก php ลงใน *.tpl
โดย isoc อ 26 ต.ค. 2008 7:38 pm บอร์ด Programming - PHP
3
1537
อ 26 ต.ค. 2008 10:29 pm โดย mindphp
ช่วยหน่อยครับ ติดตั้ง rss ไม่ได้นะครับ
โดย f11delete ส 25 ต.ค. 2008 5:29 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
1334
ส 25 ต.ค. 2008 6:18 pm โดย mindphp
ajax form ใน firefox
โดย AteN ศ 24 ต.ค. 2008 11:39 pm บอร์ด JavaScript & Jquery Ajax
3
2118
ส 25 ต.ค. 2008 6:25 pm โดย mindphp
ติดตั้ง Joomla 1.5.7 ไม่ผ่าน ช่วยทีค่ะ
โดย aunkitty ส 25 ต.ค. 2008 5:08 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
4821
ส 25 ต.ค. 2008 9:37 pm โดย aunkitty
ใครมีhost ฟรีบ้างครับขอหน่ยอครับพอดีจะส่งอาจารย์ครับ
โดย conan ศ 24 ต.ค. 2008 2:53 am บอร์ด Programming - PHP
1
1041
ศ 24 ต.ค. 2008 3:22 am โดย ripper