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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
phpnuke นี้สามารถเอาข้อมูลสมาชิกของ บอร์ดsmf มาใช้รวมกันได้ไ
โดย Mr.K` ศ 23 ก.พ. 2007 5:37 pm บอร์ด Programming - PHP
1
1460
ศ 23 ก.พ. 2007 9:49 pm โดย mindphp
แบ่งหน้าใน mssql
โดย iamyon ศ 23 ก.พ. 2007 3:43 pm บอร์ด Programming - PHP
1
1733
ศ 23 ก.พ. 2007 5:07 pm โดย mindphp
การใช้งาน function exec ของ PHP
โดย Muzashi ศ 23 ก.พ. 2007 9:41 am บอร์ด Programming - PHP
12
5289
อ 27 ก.พ. 2007 11:16 pm โดย mindphp
Javascript Refresh หน้า
โดย mindphp พฤ 22 ก.พ. 2007 2:52 pm บอร์ด JavaScript & Jquery Ajax
0
4019
พฤ 22 ก.พ. 2007 2:52 pm โดย mindphp
ภาษาไทย บน PHP Designer 2005 ตัวมันห่างมีวิธ๊แก้ได้ไหมครับ
โดย wac พฤ 22 ก.พ. 2007 9:45 am บอร์ด Programming - PHP
1
2006
พฤ 22 ก.พ. 2007 10:42 am โดย mindphp
jpgraph 2.1.4 ใช้ภาษาไทยไม่ได้ ต้องเซตยังไงครับ
โดย maami พ 21 ก.พ. 2007 3:56 pm บอร์ด Programming - PHP
4
2666
จ 26 ก.พ. 2007 3:09 pm โดย mindphp
str_ireplace ถ้าใช้กับ php4 นี่ ต้องเปลี่ยนเป็นโค๊ดไหนดี
โดย rodfifa จ 19 ก.พ. 2007 11:50 am บอร์ด Programming - PHP
1
1756
จ 19 ก.พ. 2007 12:49 pm โดย mindphp
php myadmin เก็บข้อมูลเป็นภาษาไทยได้อ่ะป่าว
โดย aa_aa จ 19 ก.พ. 2007 8:25 am บอร์ด SQL - Database
1
3042
จ 19 ก.พ. 2007 12:45 pm โดย mindphp
มีปัญหาเรื่องการใช้ตัวแปร array ในการส่งเมลล์
โดย mcyber อ 18 ก.พ. 2007 12:28 pm บอร์ด Programming - PHP
1
1453
อ 18 ก.พ. 2007 12:50 pm โดย mindphp
อยากทราบวิธีปริ้นผ่านเว็บ บราวเซอร์ ให้ออกมาพอดีหน้า
โดย miyuki ศ 16 ก.พ. 2007 10:30 pm บอร์ด HTML CSS
1
4709
ส 17 ก.พ. 2007 9:38 am โดย mindphp
function date time + mssql
โดย aunohara ศ 16 ก.พ. 2007 1:51 am บอร์ด SQL - Database
8
5786
ศ 16 ก.พ. 2007 4:53 pm โดย mindphp
เขียนโค้ดที่ไหนถ้าติดตั้งxampp
โดย honey พฤ 15 ก.พ. 2007 7:35 pm บอร์ด Programming - PHP
8
3200
อ 18 มี.ค. 2007 3:11 pm โดย mindphp
กำหนดสิทธิผู้ใช้ กับ randomcode
โดย aa_aa พ 14 ก.พ. 2007 5:01 pm บอร์ด Programming - PHP
1
1657
พ 14 ก.พ. 2007 5:40 pm โดย mindphp
phpMyAdmin 2.9.2 มาแล้ว
โดย mindphp อ 13 ก.พ. 2007 11:23 am บอร์ด PHP News
0
3211
อ 13 ก.พ. 2007 11:23 am โดย mindphp
upload file ขึ้น server iis ใน winxp
โดย obojama จ 12 ก.พ. 2007 3:26 pm บอร์ด Programming - PHP
3
2237
จ 12 ก.พ. 2007 4:34 pm โดย mindphp
ทำยังไงเปิดหน้าต่างใหม่ เป็น pdf โดยไม่ขึ้น download
โดย aunohara ศ 09 ก.พ. 2007 1:35 pm บอร์ด Programming - PHP
9
3969
จ 12 ก.พ. 2007 11:40 am โดย mindphp
่อยากทราบวิธี Disable ปุ่ม Back ที่หน้า Browser
โดย myyuriboy อ 06 ก.พ. 2007 12:58 pm บอร์ด JavaScript & Jquery Ajax
4
4545
ศ 10 เม.ย. 2015 11:48 am โดย javascriptthai
ขอ script check domain หน่อยครับ
โดย neo001 อ 06 ก.พ. 2007 11:48 am บอร์ด Programming - PHP
0
2008
อ 06 ก.พ. 2007 11:48 am โดย neo001
คลิก back แล้ว clear ค่า
โดย aunohara ส 03 ก.พ. 2007 8:29 pm บอร์ด Programming - PHP
5
2186
อ 04 ก.พ. 2007 11:44 am โดย mindphp
อยากทราบ code แบ่งหน้าการแสดงที่ถูกต้อง
โดย sudchay พฤ 01 ก.พ. 2007 7:19 am บอร์ด Programming - PHP
1
1420
พฤ 01 ก.พ. 2007 10:54 am โดย mindphp