• April 3, 2020

    ThaiSans Neue 1.0
    https://www.f0nt.com/release/thaisans-neue-1-0/

    ฟอนต์ สุขุมวิท ตัดใหม่

    คัดสรรดีมาก บริษัทต้นสังกัดผู้ผลิตฟอนต์ สุขุมวิท ตัดใหม่ Font นี้สามารถใช้งานได้ในลักษณะเชิงการค้า และสามารถใช้กับโปรแกรมอย่าง Adobe Photoshop ได้ รวมถึงใช้ในการทำงานเอกสาร PDF ได้โดยไม่ผิดข้อตกลงแต่ฟอนต์นี้ไม่อนุญาติให้ทำการ Upload ขึ้นไปเป็น font-face ในการทำเว็บไซต์ เนื่องจาก license เป็นคนละแบบกัน

    อาจจะเลือกใช้ฟอนต์ทางเลือกอย่าง ThaiSans Neue ซึ่งเป็นฟอนต์ไม่มีหัว (loopless terminal) อีกตัวหนึ่งที่สวยงามและใช้งานได้ดีไม่แพ้กัน ที่สำคัญคือเป็นฟอนต์ฟรี สามารถนำไปใช้ทำเว็บไซต์ได้

    ถ้าพูดกันในเชิงทฤษฏี การจะนำฟอนต์มาใช้โดยไม่ต้องซื้อ License ใหม่นั้นแทบเป็นไปไม่ได้เลย แต่ font ทุกตัวในเครื่องเราสามารถเรียกมาแสดงผลได้ด้วย code

    font-family:"Sukhumvit Set",sans-serif; 

    value CSS ของฟอนต์ตัวนี้จะชื่อ Sukhumvit Set กำหนดความหนาบางได้ด้วย คำสั่ง font-weight 200 500 600 700

    Windows หรือ Android ใช้ ThaiSans Neue
    จากนั้นเราจะทำไฟล์ที่ได้มาทำเป็น @font-face เหมือนปกติ จะได้แบบนี้

    @charset "UTF-8";
    @font-face{
    font-family:"Thai Sans Neue";src:url("../fonts/ThaiSansNeue.woff") format("woff"),url("../fonts/ThaiSansNeue-fixed.svg#ThaiSansNeue-Light") format("svg"),url("../fonts/ThaiSansNeue-fixed.ttf") format("truetype");
    } 
    จากนั้นกำหนด font ให้ element
    font-family: 'Sukhumvit Set', 'Thai Sans Neue', sans-serif; 

    เรียก Sukhumvit Set มาเป็นอันดับแรก ถ้ามีมันก็จะเอา Thai Sans Neue ที่เราทำเป็น @font-face ไว้มาแสดงผลแทน แค่นี้เราก็สามารถใช้ sukhumvit ควบคู่ไปกับ font Thai Sans Neue ได้อย่างไม่ต้องห่วงลิขสิทธิ์

    เราสามารถใช้ฟอนต์ทำเป็นรูปได้ เพราะเราไม่ได้อัพโหลดฟอนต์ขึ้นไป แต่เอาฟอนต์มาทำเป็นภาพแล้วอัพขึ้นไปอีกที

    สารบัญ นิว

    https://www.f0nt.com/release/th-sarabun-new/



เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!






เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories


Uncategorized