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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ลง appserv 2.5.10 ในโปรแกรม Dream weaver กด f12 ไม่ได้
โดย tissana ศ 30 ม.ค. 2009 2:14 pm บอร์ด Programming - PHP
5
2813
อ 03 ก.พ. 2009 11:10 am โดย mindphp
localhost อยู่ไดรฟ์อื่นที่ไม่ใช่ C: ได้มั้ยครับ
โดย postman ศ 30 ม.ค. 2009 12:37 pm บอร์ด Programming - PHP
4
2633
พ 04 ก.พ. 2009 7:11 pm โดย mindphp
เช็คจำนวสินค้าค่ะ
โดย pilaiwan_pooy ศ 30 ม.ค. 2009 11:51 am บอร์ด Programming - PHP
3
936
อ 01 ก.พ. 2009 9:58 pm โดย mindphp
ขอถามใหม่น่ะค่ะ
โดย joylukmhu ศ 30 ม.ค. 2009 11:45 am บอร์ด Programming - PHP
1
630
อ 10 ก.พ. 2009 6:03 pm โดย joylukmhu
เรื่อง LogIn ครับ
โดย aei_ou ศ 30 ม.ค. 2009 8:57 am บอร์ด Programming - PHP
3
917
จ 02 ก.พ. 2009 2:39 pm โดย mindphp
ไม่ให้ข้อมูลใน textbox หายเวลากด submit ต้องทำอย่างไรครับ
โดย sign พฤ 29 ม.ค. 2009 11:58 pm บอร์ด Programming - PHP
5
2631
อ 03 ก.พ. 2009 11:11 am โดย mindphp
ทำไม textarea ใส่ข้อมูลแล้ว ทุกบรรทัดมันรวมติดกันหมดคับ
โดย power_puff_boy พฤ 29 ม.ค. 2009 6:39 pm บอร์ด Programming - PHP
1
1078
ศ 30 ม.ค. 2009 11:56 pm โดย mindphp
ติดปัญหาการ export ฐานข้อมูลเป็น .csv ครับ
โดย demonxiii พ 28 ม.ค. 2009 9:16 pm บอร์ด Programming - PHP
3
1519
พฤ 05 ก.พ. 2009 10:07 pm โดย demonxiii
การดึงข้อมูลมาโชว์เพียงแค่1แถวจากฐานข้อมูล
โดย kakiya121 พ 28 ม.ค. 2009 3:05 pm บอร์ด Programming - PHP
3
1829
อ 01 ก.พ. 2009 9:59 pm โดย mindphp
ถาม : เรื่องการเช็ค radio button
โดย thakechi พ 28 ม.ค. 2009 12:08 pm บอร์ด Programming - PHP
0
811
พ 28 ม.ค. 2009 12:08 pm โดย thakechi
การ check radio button คับ
โดย thakechi พ 28 ม.ค. 2009 11:55 am บอร์ด HTML CSS
1
6012
พ 28 ม.ค. 2009 12:07 pm โดย mindphp
เพิ่มโค้ด popup ใน php
โดย moonoii พ 28 ม.ค. 2009 10:34 am บอร์ด JavaScript & Jquery Ajax
1
6080
พ 28 ม.ค. 2009 10:51 am โดย mindphp
ปรึกษาเรื่อง session ครับ
โดย aei_ou พ 28 ม.ค. 2009 9:31 am บอร์ด Programming - PHP
4
1920
พ 28 ม.ค. 2009 10:48 am โดย aei_ou
อยากได้โค้ด เกี่ยวกับการตัดจำหน่ายสินค้า
โดย kakiya121 อ 27 ม.ค. 2009 5:13 pm บอร์ด Programming - PHP
1
1315
จ 30 พฤษภาคม 2016 8:00 am โดย mindphp
โค้ดแสดงผลบนเครื่อง แต่ฟ้อง Error บนเว็บอะครับ
โดย demonxiii อ 27 ม.ค. 2009 11:13 am บอร์ด Programming - PHP
7
1513
พ 28 ม.ค. 2009 12:48 pm โดย demonxiii
ช่วยดูโค้ตการลบให้หน่อยค่ะ
โดย aonsexyzuzaa อ 27 ม.ค. 2009 9:38 am บอร์ด Programming - PHP
2
717
อ 27 ม.ค. 2009 11:20 am โดย mindphp
ช่วยเรื่องโค้ดหน่อยคับ
โดย cpuhost จ 26 ม.ค. 2009 1:37 pm บอร์ด Programming - PHP
3
1146
พ 28 ม.ค. 2009 12:28 pm โดย demonxiii
ขอโค๊ดปุ่มสั่งซื้อสินค้าค่ะ
โดย werachon จ 26 ม.ค. 2009 11:29 am บอร์ด JavaScript & Jquery Ajax
1
3341
จ 26 ม.ค. 2009 11:39 am โดย mindphp
ถาม : การบันทึกข้อมูลที่เป็นภาษาไทยใน mySQL หน่อยค่ะ
โดย closey อ 25 ม.ค. 2009 3:22 pm บอร์ด Programming - PHP
9
11450
พฤ 30 ก.ค. 2015 7:12 pm โดย บุคคลทั่วไป
รบกวนดู code formmail ให้ทีครับต้องการที่จะเช็คการกรอกข้อมูล
โดย zeroflag ส 24 ม.ค. 2009 3:10 pm บอร์ด Programming - PHP
1
1619
ศ 10 เม.ย. 2009 12:47 pm โดย mindphp