SoftGang (Gang Software)

Web & Software Developer Gang.

ฝัง Web Font ไปกับไฟล์ CSS - ไม่ได้ตายนะ

by Little Bear @11 มิ.ย. 58 00:00 ( IP : 49...85 ) | Tags : CSS , Font

การฝัง Web Font กับไฟล์ CSS เป็นการลดจำนวน request ให้เหลือแค่ไฟล์เดียว ซึ่งจะช่วยลดเวลา เพิ่มความเร็วในการโหลดเว็บ โดยการ Encode ไฟล์ Font โดยใช้ WebFont Generator เช่น fontsquirrel.com มาช่วยแปลง Font และสร้าง Stylesheet แบบ base64

วิธีการ

แปลง Font ด้วยเว็บ fontsquirrel.com มีทริกสำหรับ Font ภาษาไทยที่จะต้องเลือก Subsetting เป็น No Subsetting ลองดูวิธีการได้จาก www.tutor4dev.com
นำเอา css ที่ได้มาใส่ในเว็บ

ส่วนใครอยากใช้วิธีการติดตั้ง Font แบบเดิม ก็ลองเข้าไปอ่านบทความได้จาก วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step

มีแหล่งดาวน์โหลด Fonts ฟรี ๆ หลายที่ ลองแวะเข้าไปดูได้ที่ www.designil.com

ที่มา www.tutor4dev.com , fontsquirrel.com

Relate topics

(กำลังศึกษา) dark mode 15 ธ.ค. 66 09:20
ประสิทธิภาพของ selectors 20 ต.ค. 57 11:25
BEM เขียน CSS ให้อ่านง่าย 10 ก.ย. 57 19:53
30 CSS Selectors ที่คุณต้องจำ 16 พ.ย. 55 20:23
Pinterest ทำให้ box มันไหลไปได้เรื่อย ๆ 13 เม.ย. 55 03:20
The Shapes of CSS ทำได้ขนาดนี้เชียว 13 เม.ย. 55 03:01
CSS Compatibility and Internet Explorer problem 22 ก.ย. 54 21:06
การควบคุม table cellspacing ด้วย CSS 2 ก.ย. 53 17:10
CSS Properties Index 29 มี.ค. 51 11:04

paper version release 2.6.18. ช่วยเหลือ