โ ค้ ด แ ม ว

ลำดับตอนที่ #58 : โค้ดเปลี่ยน Font ไทย ให้หน้านิยายคุณ สวยหลากหลายขึ้น ฟอนต์ที่ไม่มีในเด็กดีนะจ้า

` The cat โค้ดแมวๆ ●

ห่างหายจากการอัพบทความไป 4 ปี ตั้งแต่ปี 58 

คิดถึงลูกเพจทุกคนง้าบบป๋มม วันนี้ก็มีของเล่นมาให้ยลโฉมกัน

ยิ่งคนที่แต่งนิยาย แล้วเกิดอาการเบื่อรูปแบบตัวอักษร ที่มันซ้ำซากจำเจ

ป่ะ ป่ะ วันนี้เราจะพามาเปลี่ยนแปลงหน้าบทความ หรือ นิยายของคุณ ให้สวยเฉ้งงกันเถอะ

จริงๆโค้ดนี้มาจากเราพึ่งทำโปรเจคเสนอภาคเรา(วิทยาการคอมพิวเตอร์) ของปีสามเทอมหนึ่งหน่ะ 

เข้าเด็กดีมาตกแต่งหน้าไอดีเล่นๆ เลยนึกจะเอาของดีงามมาแจกลูกเพจดีฟ่าา

ฉะนั้นถ้าใครชอบใจ นำไปใช้ อย่าลืมม คอมเม้นขอบคุณเพื่อเป็นกำลังใจให้เจ้าของบทความนิดนึงน้าา

กำลังใจดี เค้าจะขนทัพของเล่นแปลกๆมาอัพให้ยลโฉมกันอีกเย้อะๆ

วิธีนำไปใช้

มีสองขั้นตอนเท่านั้น

1. นำโค้ดจากช่อง 'รับโค้ด' ไปวางไว้ก่อนอันดับแรก

2. นำแท็กครอบข้อความคือนำโค้ด Tag จากข้อ2 ไปคลุมข้อความที่ท่านต้องการ

 รูปแบบที่ 1 : Classic

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

1.รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Kanit'); cls {font-family : 'Kanit';}</style>

2.ครอบข้อความ

<cls><span style=""> ข้อความ </span></cls>

 

รูปแบบที่ 2 : ตามุตามิ

(เหมาะกับบทความ นิยายที่มีความ Cute หวานๆ)

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

1.รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Itim'); Itm {font-family : 'Itim';}</style>

2.ครอบข้อความ

<Itm><span style=""> ข้อความ </span></Itm>

รูปแบบที่ 3 : Modren 

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

1.รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Prompt'); Prm {font-family : 'Prompt';}</style>

2.ครอบข้อความ

<Prm><span style=""> ข้อความ </span></Prm>

รูปแบบที่ 4 : Easy

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Taviraj'); Tav {font-family : 'Taviraj';}</style>

2.ครอบข้อความ

<Tav><span style=""> ข้อความ </span></Tav>

รูปแบบที่ 5 : Newspaper

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Trirong'); Tri {font-family : 'Trirong';}</style>

2.ครอบข้อความ

<Tri><span style=""> ข้อความ </span></Tri>

รูปแบบที่ 6 : โค้งมนๆ

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Mitr'); Mit {font-family : 'Mitr';}</style>

2.ครอบข้อความ

<Mit><span style=""> ข้อความ </span></Mit>

รูปแบบที่ 7 : วินเทจ

[เหมาะสำหรับ ผู้คงสไตล์ความวินเทจ]

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

1.รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Pattaya'); Pat {font-family : 'Pattaya';}</style>

2.ครอบข้อความ

<Pat><span style=""> ข้อความ </span></Pat>

รูปแบบที่ 8 : ลายมือ

[เหมาะสำหรับผู้ชอบความอาร์ต]

ทดสอบการแสดงผลฟอนต์รูปแบบใหม่ 

โดยเจ้าของบทความสุดมะลึกกึ๊กกึ๋ยย์

ที่คิดถึงลูกเพจ โค้ดแมวๆ ม้ากกมากก  

ยลโฉมแล้วชอบรูปแบบนี้ ก็นำเสพไปใช้

กันโดยถ้วนหน้าได้เลยนะตัวเอง อะคึอะคึ

รับโค้ด

<style type="text/css"> url('https://fonts.googleapis.com/css?family=Sriracha'); Sri {font-family : 'Sriracha';}</style>

2.ครอบข้อความ

<Sri><span style=""> ข้อความ </span></Sri>

CRY   .q