ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ช่วยตรวจทานหน่อยนะคะ งานของเด็กม.4อ่าค่ะ ^v^
โดย wunsane_m_v_n พ 27 ก.พ. 2008 1:37 am บอร์ด Programming - PHP
4
1106
พฤ 28 ก.พ. 2008 6:31 am โดย wunsane_m_v_n
ลบฐานข้อมูลแล้วตัวเลขค้าง
โดย jja อ 26 ก.พ. 2008 11:13 pm บอร์ด SQL - Database
1
1342
อ 26 ก.พ. 2008 11:39 pm โดย mindphp
ขอถามผู้รู้เรื่อง login หน่อยคับ
โดย terexwizard อ 26 ก.พ. 2008 5:44 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
3
1201
อ 26 ก.พ. 2008 8:52 pm โดย terexwizard
เข้า adminstator panel ไม่ได้ครับ
โดย demenu อ 26 ก.พ. 2008 10:21 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
8
1778
อ 26 ก.พ. 2008 11:22 pm โดย demenu
ทำยังไง ให้ฐาน ข้อมูลใน sql จำกัดจำนวน
โดย NaZGul อ 26 ก.พ. 2008 5:08 am บอร์ด Programming - PHP
3
1234
พ 27 ก.พ. 2008 6:01 am โดย mindphp
ช่วยหน่อยครับ อยากได้ CODE php แสดง ข้อมูล user
โดย NaZGul จ 25 ก.พ. 2008 11:57 pm บอร์ด Programming - PHP
5
1243
อ 26 ก.พ. 2008 1:13 am โดย NaZGul
ช่วยดู code ให้หน่อยครับ
โดย ICrazyBoy จ 25 ก.พ. 2008 10:59 pm บอร์ด Programming - PHP
4
946
อ 26 ก.พ. 2008 12:31 am โดย ICrazyBoy
ตรวจสอบค่าว่างด้วย java script
โดย jingjok จ 25 ก.พ. 2008 8:46 pm บอร์ด JavaScript & Jquery Ajax
21
7057
ศ 28 มี.ค. 2008 11:52 pm โดย keling
ถ้าจะเริ่มศึกษา เพื่อให้เขียนเป็น เวปบอร์ดได้
โดย DrFooL จ 25 ก.พ. 2008 4:59 am บอร์ด Programming - PHP
2
1126
ศ 29 ก.พ. 2008 5:59 pm โดย twin
ขอถามเกี่ยวกับ auto_increment
โดย pond118 จ 25 ก.พ. 2008 1:01 am บอร์ด SQL - Database
1
1372
จ 25 ก.พ. 2008 1:19 am โดย mindphp
ทำกลุ่ม [ Administrator ] [ Moderator ] ยังไงคับ
โดย jingjok อ 24 ก.พ. 2008 10:52 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
8
3020
พฤ 24 เม.ย. 2008 12:36 am โดย tarlloveaerng
EditPlus Text Editor 3.0 ออกแล้ว Feature เยอะเลย
โดย mindphp อ 24 ก.พ. 2008 5:34 pm บอร์ด PHP News
0
2927
อ 24 ก.พ. 2008 5:34 pm โดย mindphp
ช่วยแก้หน่อยครับ ติดครับฟังก์ชั่นเรียกฟังก์ชั่นที่อยู๋ข้างไน
โดย conan อ 24 ก.พ. 2008 6:54 am บอร์ด JavaScript & Jquery Ajax
3
1913
อ 24 ก.พ. 2008 4:57 pm โดย mindphp
ตั้งชื่อ อื่นโดย ใช้เลขนำหน้าได้ไม๊ครับ
โดย demenu อ 24 ก.พ. 2008 4:50 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
4
1473
จ 25 ก.พ. 2008 10:42 am โดย demenu
พอจะมีวิธีการส่งค่าจาก เว็บ php ให้กับ gprs ไหมครับ
โดย hanpor14 ส 23 ก.พ. 2008 10:41 pm บอร์ด Programming - PHP
3
1125
อ 24 ก.พ. 2008 7:45 am โดย mindphp
เพื่มข้อมูล 2 ตารางใน form เดียว ทำไงคับ
โดย jingjok ส 23 ก.พ. 2008 5:18 am บอร์ด SQL - Database
11
9254
ส 15 พฤษภาคม 2010 6:30 pm โดย mindphp
ติดตั้ง phpbb2 สร้างตาราง โดยเปิด Browser ที่ URLทำยังไงครับ
โดย pentula ส 23 ก.พ. 2008 2:33 am บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
1388
ส 23 ก.พ. 2008 6:41 am โดย mindphp
อยากได้วิธีนำข้อมูลจาก excel import ไปยัง phpmyadmin
โดย pumpkung ส 23 ก.พ. 2008 12:51 am บอร์ด SQL - Database
5
3863
พฤ 24 เม.ย. 2008 11:36 pm โดย peter3528
โค้ดพวก -> คืออะไรหรอคับ
โดย bankbonkbank ศ 22 ก.พ. 2008 4:04 am บอร์ด Programming - PHP
19
2971
พฤ 28 ก.พ. 2008 4:03 am โดย mindphp
log in เข้าหน้าสำหรับผู้ดูแลระบบไม่ได้
โดย nook พฤ 21 ก.พ. 2008 8:04 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
7
2067
ศ 22 ก.พ. 2008 6:39 pm โดย mindphp