เทคนิคการใช้ฟอนท์รูปแบบอื่น โดยไม่ต้องแก้โค้ต php

Jason

สำหรับสมาชิกเว็บของเราบางครั้งเพื่อป้องกันปัญหาบางคนที่เข้าเว็บมาไม่ได้ติดตั้ง Fonts บางประเภทติดเครื่อง

แล้วแสดงผล Font แบบอื่น วันนี้มีอีกเทคนิคการโพสต์กระทู้

ด้วยการโพสต์ HTML ที่สามารถทำได้ทั้ง Admin และ Member

เปิดใช้งาน โค้ต HTMl ด้วยการติ๊กช่องบริเวณนี้

โดยสามารถใช้เทคนิคได้ 2 รูปแบบ

1) แบบดึง Fonts จากโฮสที่เราอัพโหลดไว้ Root/Font

โดยต้องอัปโหลด 3 รูปแบบ มิเช่นนั้นเว็บจะไม่สามารถรันได้

FCActiveRegular.ttf

FCActiveRegular.eot

FCActiveRegular.woff

โดยการวางไว้ด้านบนโพสต์ทุกโพสต์

1. <style>
   
2. @font-face {
   
3.     font-family: FCActiveRegular;
   
4.     src: url('Font/FCActiveRegular.eot');
   
5.     src: url('Font/FCActiveRegular.woff') format('woff'),
   
6.            url('Font/FCActiveRegular.ttf') format('truetype');
   
7. }
   
8. </style>
   

คัดลอกไปที่คลิปบอร์ด

ตัวอย่างการเขียนโพสต์กระทู้

1. <style>
   
2. @font-face {
   
3.     font-family: FCActiveRegular;
   
4.     src: url('Font/FCActiveRegular.eot');
   
5.     src: url('Font/FCActiveRegular.woff') format('woff'),
   
6.            url('Font/FCActiveRegular.ttf') format('truetype');
   
7. }
   
8. </style>
   
9. 
   
10. [font=FCActiveRegular][size=5]
    
11. 
    
12. Text ข้อความ
    
13. สวัสดี
    
14. Hello !!
    
15. 
    
16. [/size][/font]

คัดลอกไปที่คลิปบอร์ด

2) ดึงฟอนท์จาก Google ใช้โค้ตต่อไปนี้ วางไว้ด้านบนโพสต์

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

คัดลอกไปที่คลิปบอร์ด

ตัวอย่างการเขียนโพสต์กระทู้

1. <style type="text/css">@import url('https://fonts.googleapis.com/css?family=Mitr'); Mit {font-family : 'Mitr';}</style>
   
2. 
   
3. [font=Mitr][size=5]
   
4. 
   
5. Text ข้อความ
   
6. สวัสดี
   
7. Hello !!
   
8. 
   
9. [/size][/font]

คัดลอกไปที่คลิปบอร์ด

suttasilo

เยี่ยมครับ