แจก ฟอนต์ราชการ วิธีนำไปใช้งาน บนเว็บ และ APP อัพเดท 2023

ใครที่กำลังมองหาฟอนต์ราชการไทย สำหรับใช้ในงานเอกสารในโปรแกรม Office หรือแม้กระทั้งใช้งานฟอนต์ราชการสำหรับการเขียนโปรแกรม วิธีทำจะต้องทำอย่างไร วันนี้ดูเพลินได้นำฐานข้อมูลดังกล่าวมาจากให้ฐานได้นำไปใช้กันฟรี ๆ เลยจ้า

Download ราชการไทย อัพเดทล่าสุด

คลิกที่นี่ เพิ่ม Download ฟอนต์ราชการไทย 13 ฟอนต์ ได้แก่

1. TH-Sarabun PSK, New2. TH-Charmonman3. TH-Krub
4. TH-Srisakdi5. TH-Niramit AS6. TH-Charm of AU
7. TH-Kodchasal8. TH-K2D July89. TH-Mali Grade 6
10. TH-Chakra Petch11. TH-Baijam12. TH-KoHo
13. TH-Fah Kwang

วิธีติดตั้งฟอนต์ใน Windows

  1. ดาวน์โหลดไฟล์ Zip ตามลิงค์ด้านบน
  2. จากนั้นแตกไฟล์ Zip ที่ดาวน์โหลดมา
  3. ไปที่ Settings > Personalization > Fonts
  4. คลิกปุ่ม "Browse and install fonts"
  5. เลือกฟอนต์ที่ต้องการติดตั้ง จากนั้น คลิก "Ok" ก็ถือว่าเสร็จเรียบร้อย

 

วิธีติดตั้งฟอนต์ใน Mac OS

  1. ดาวน์โหลดไฟล์ Zip ตามลิงค์ด้านบน
  2. จากนั้นแตกไฟล์ Zip ที่ดาวน์โหลดมา
  3. ไปที่เมนู "Font Book app"
  4. เลือก choose File > Add Fonts to Current User. จากนั้น double-click ชื่อฟอนต์ที่ต้องการ
  5. หรือ คลิกลากฟอนต์ที่ต้องการไปวางไว้ในหน้าต่าง "Font Book app" ก็สามารถทำได้เช่นกัน

วิธีแปลงนามสกุลฟอนต์ เพื่อนำไปใช้งานบนเว็บไซต์ หรือบน APP

  1. ไปที่เว็บไซต์ cloudconvert.com
  2. คลิกปุ่ม "Select File" จากนั้นเลือกฟอนต์ที่ต้องการ
  3. จากนั้นเลือกนามสกุลไฟล์ที่ต้องการแปลง เช่น WOFF จากนั้นคลิกปุ่ม Convert
  4. จากนั้นคลิก Download ได้เลย
  5. เราก็จะได้ไฟล์ที่แปลงแล้วออกมาแบบนี้

วิธีการเรียกใช้ฟอนต์ในไฟล์ CSS

  1. นำไฟล์ที่เป็นนามสกุล woff มาวางไว้ในโปรเจคงานที่เราสร้างไว้
  2. เขียนโค้ดสำหรับเพิ่ม Font-face ใหม่ในไฟล์ CSS
    @font-face {
        font-family: 'THSarabunNewBold';
        src: url('../fonts/THSarabunNewBold.woff') format('woff');
    }
  3. วิธีเรียกใช้ Font-face ในไฟล์ css
    body {
        padding: 50px;
        text-align: center;
        font-family: 'THSarabunNewBold', sans-serif;
    }
  4. ตัวอย่างการแสดงผลฟอนต์บนเว็บไซต์

เป็นยังไงกันบ้างคะสำหรับบทความเรื่อง แจก ฟอนต์ราชการ วิธีนำไปใช้งาน บนเว็บ และ APP อัพเดทล่าสุด ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<

หมวดหมู่เกี่ยวกับ Coding

เนื้อหาที่คล้ายกัน...

Emmet คืออะไร วิธีติดตั้ง และตัวอย่างการใช้งาน

Emmet คืออะไร วิธีติดตั้ง และตัวอย่างการใช้งาน

ดูเพลิน Admin - 19 ม.ค. 66
Debug CSS @media print วิธีดีบั๊ก print preview

Debug CSS @media print วิธีดีบั๊ก print preview

ดูเพลิน Admin - 04 ม.ค. 66
แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax

แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax

ดูเพลิน Admin - 23 ธ.ค. 65
CSS @media print คือ วิธีใช้ window.print ปริ้น หน้าจอ HTML

CSS @media print คือ วิธีใช้ window.print ปริ้น หน้าจอ HTML

ดูเพลิน Admin - 04 ม.ค. 66
เครื่องมือเปลี่ยน scss เป็น css วิธี convert scss to css

เครื่องมือเปลี่ยน scss เป็น css วิธี convert scss to css

ดูเพลิน Admin - 13 ก.พ. 66
Bootstrap CSS ตารางสวย ๆ พร้อมวิธีเปลี่ยนสีตารางด้วย jQuery

Bootstrap CSS ตารางสวย ๆ พร้อมวิธีเปลี่ยนสีตารางด้วย jQuery

ดูเพลิน Admin - 26 ธ.ค. 65
Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

ดูเพลิน Admin - 21 ธ.ค. 65

เรื่องราวเอื่น ๆ ในหมวดเทคนิคการเขียนโค้ด...