BUNCHAWAIPIA BLOG

BLOGแชร์ข้อมูลวิศวกรรม โปรแกรมมิ่ง สำรวจและก่อสร้าง อื่นๆ

วันจันทร์ที่ 16 เมษายน พ.ศ. 2561

เปลี่ยน Font ใน blogger

เปลี่ยน Font ใน blogger
สวัสดีครับสำหรับผู้ที่เขียนBloggerแล้วอยากเปลี่ยนFontของblogเพื่อเพิ่มความสวยงามให้แก่Blogแล้ว ยังทำให้เนื้อหาน่าอ่านมากยิ่งขึ้น ในวันนี้ผมจะมาบอกวิธีการ เปลี่ยน Font ใน Blogger กัน

1.Google Fonts

ในที่นี้ผมเลือกFont ใน GoogleFonts เพราะด้วยความสะดวกเรียบง่ายมีFontให้เลือกหลายแบบ
เปลี่ยน Font ใน blogger


2.เลือก Fonts

เลือก Fontsสำหรับที่เราต้องการจะไปใช้บนBloggerของเรา เมื่อเลือกได้แล้วให้เราคลิก Select This Font จากนั้นจะพบกับแทบเครื่องมือด้านล่างขวาด้านในจะพบCode
เปลี่ยน Font ใน blogger

3.Theme Blogger

กลับมายังธีมของBlogเราให้เราคลิกแก้ไขที่ HTML 
เปลี่ยน Font ใน blogger

4.Copy Code จาก Google Fonts

เรานำโค๊ดของGoogleFonts ได้รูปแบบตามด้านล่างนี้
<link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet">
จากโค๊ดด้านบนนั้นด้านหลังสุดก่อนถึง > ให้เราเพิ่ม / ไปหนึ่งจุดครับ
 <link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet"/>
ให้นำโค๊ดไปวางภายใต้ <head> แล้วบันทึกธีม
เปลี่ยน Font ใน blogger

5.การนำไปใช้งาน

ใส่โค๊ดตามด้านล่างนี้ก่อนและหลังข้อความที่ต้องการเปลี่ยนฟอนต์ 
<span style="font-family: FontName;"> ข้อความ </span>
เปลี่ยน FontName เป็นชื่อฟอนต์ที่ใส่ไป ผมขอจบไว้เพียบเท่านี้ครับ

2 ความคิดเห็น: