แปลงข้อความเป็น SVG
SVG ที่ใช้อิลิเมนต์ <text> ขึ้นอยู่กับว่ามีฟอนต์อยู่ ณ ที่ที่มันถูกเปิดหรือไม่ แปลงข้อความเป็นข้อมูลเส้นแล้วการพึ่งพานั้นก็หายไป: รูปทรงเดินทางไปพร้อมไฟล์ มันจึงแสดงผลเหมือนกันเป๊ะในทุกเบราว์เซอร์ ทุกโปรแกรมแก้ไข และทุกเครื่องตัด โดยไม่มีคำขอเว็บฟอนต์แม้แต่ครั้งเดียว
แปลงข้อความเป็น SVGคุณจะได้อะไรกลับมา
หนึ่งเส้นต่อหนึ่งกลิฟ พร้อมกฎการเติม สีเติม และเส้นขอบที่คุณตั้งไว้ และมีตัวเลือกให้แต่ละกลิฟมี id ของตัวเอง เพื่อให้คุณอ้างถึงตัวอักษรทีละตัวได้จาก CSS หรือ JavaScript หรือจะเชื่อมเส้นขอบเข้าด้วยกันเมื่ออยากได้เส้นเดียวสำหรับทั้งคำ — รูปแบบที่เครื่องตัดหรือระบบไอคอนมักชอบมากกว่า
จัดวางถูกต้อง ไม่ใช่แค่ค้นหากลิฟ
ข้อความถูกจัดวางด้วย HarfBuzz ซึ่งเป็นเอนจินที่เบราว์เซอร์ใช้เอง คู่เคิร์นนิงและลิเกเจอร์จึงทำงาน และอักษรซับซ้อนก็ประพฤติถูกต้อง: อักษรอาหรับเชื่อมกัน กลุ่มอักษรอินเดียเรียงใหม่ แกนของฟอนต์แปรผันและฟีเจอร์ OpenType ก็เปิดให้ใช้ จึงปรับน้ำหนักหรือชุดสไตล์ได้ก่อนแปลงเป็นเส้น
ใช้ฟอนต์ของคุณเอง
แคตตาล็อกครอบคลุมตระกูลโอเพนซอร์สกว่า 1,900 ตระกูล และคุณจะลากไฟล์ TTF หรือ OTF ของตัวเองมาใช้แทนก็ได้ ฟอนต์ที่อัปโหลดถูกอ่านในแท็บและไม่เคยถูกส่งไปไหน ซึ่งหมายความว่าฟอนต์เชิงพาณิชย์ที่มีสัญญาอนุญาตก็ยังอยู่บนเครื่องคุณ
คำถาม
- ทำไมไม่เก็บข้อความไว้เป็น <text> ไปเลย
- เพราะมันจะไม่แสดงผลเหมือนกันสองครั้ง ฟอนต์ที่ขาดหายจะถูกสลับอย่างเงียบ ๆ และเว็บฟอนต์ก็เพิ่มคำขอเครือข่ายกับการวูบของข้อความที่ยังไม่จัดรูปแบบ ส่วนเส้นคือเรขาคณิตตายตัว — คุ้มเสมอเมื่อไฟล์นั้นเป็นโลโก้ ไอคอน หรือมีปลายทางเป็นเครื่องจักร
- ข้อความยังค้นหาได้หรือเข้าถึงได้อยู่ไหม
- หลังแปลงเป็นเส้นแล้วไม่ได้ ให้เก็บถ้อยคำไว้ใน aria-label หรืออิลิเมนต์ title ในมาร์กอัปของคุณ และเก็บต้นฉบับที่แก้ไขได้ไว้สำหรับการเปลี่ยนแปลงภายหลัง
- ใช้ฟอนต์ลิขสิทธิ์ของตัวเองได้ไหม
- ได้ — อัปโหลด TTF หรือ OTF ไฟล์ถูกแยกวิเคราะห์ในเบราว์เซอร์ จึงไม่เคยออกจากเครื่องคุณ ตรวจสอบว่าสัญญาอนุญาตอนุญาตให้แปลงเป็นเส้นสำหรับการใช้งานที่คุณตั้งใจ