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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
1
11
จ 21 พฤษภาคม 2018 7:04 pm โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
3
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
3
14
ศ 25 พฤษภาคม 2018 7:10 pm โดย rangsan
ขอใบเสนอราคาของฮาจังนะ
โดย kanchanok ส 19 พฤษภาคม 2018 7:01 pm บอร์ด Mindphp Task (ทดลองงาน)
1
12
จ 21 พฤษภาคม 2018 3:31 pm โดย mindphp
ฺB -ปัญหาเพิ่มเติมจากการกด Confiem Order ใน Quotations
โดย Rujikon ส 19 พฤษภาคม 2018 6:58 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
4
13
ส 26 พฤษภาคม 2018 5:26 pm โดย Rujikon
B - เอกสารที่ปริ้นออกมาตัวหนังสือทับกัน
โดย kanchanok ส 19 พฤษภาคม 2018 6:32 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
11
ส 19 พฤษภาคม 2018 6:32 pm โดย kanchanok
B - ไม่สามารถกด open Petty Cash ได้
โดย kanchanok ส 19 พฤษภาคม 2018 5:42 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
6
ส 19 พฤษภาคม 2018 5:42 pm โดย kanchanok
Q-ไม่สามารถกด Confirm Order ในใบ Quotation ได้
โดย Rujikon ส 19 พฤษภาคม 2018 5:30 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
1
15
อ 22 พฤษภาคม 2018 7:06 pm โดย thatsawan
ขอตัวอย่าง บันทึกบัญชีจ่ายเงินเดือนค่ะ
โดย thatsawan ส 19 พฤษภาคม 2018 4:39 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
44
ส 19 พฤษภาคม 2018 5:06 pm โดย kanchanok
B - ไม่สามารถ Posted การจ่ายชำระเงินได้
โดย kanchanok ส 19 พฤษภาคม 2018 2:19 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
3
24
อ 20 พฤษภาคม 2018 10:58 pm โดย thatsawan
(Close) B - ไม่สามารถ Validate Supplier Credit Note ได้
โดย kanchanok ส 19 พฤษภาคม 2018 1:58 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
9
ส 19 พฤษภาคม 2018 3:34 pm โดย thatsawan
B - ไม่สามารถเลือก Journal Item ได้
โดย kanchanok ส 19 พฤษภาคม 2018 12:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
8
ส 19 พฤษภาคม 2018 1:23 pm โดย kanchanok
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน opportunities ได้
โดย watcharin ส 19 พฤษภาคม 2018 12:04 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
5
ส 19 พฤษภาคม 2018 12:04 pm โดย watcharin
B - กด Create and View Invoice จาก sale order ไม่ได้
โดย kanchanok ส 19 พฤษภาคม 2018 11:57 am บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ส 19 พฤษภาคม 2018 11:57 am โดย kanchanok
B - ไม่สามารถ Posted การรับเงินใน Customer Payments ได้
โดย kanchanok ส 19 พฤษภาคม 2018 11:12 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
14
พฤ 24 พฤษภาคม 2018 2:14 am โดย mindphp
การใช้งาน Python GUI( Tkinter ) : วิธีการทำ Default ค่าให้กับ Entry
โดย rangsan ส 19 พฤษภาคม 2018 10:27 am บอร์ด Programming - C/C++ & java & Python
0
31
ส 19 พฤษภาคม 2018 10:27 am โดย rangsan
งานประจำวันที่ 19 พฤษภาคม 2561
โดย Rujikon ส 19 พฤษภาคม 2018 10:17 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
3
34
จ 21 พฤษภาคม 2018 9:44 am โดย mindphp