svg embed font

ฝังตัวอักษรในสินทรัพย์ SVG

SVG มีประโยชน์สำหรับการแก้ปัญหาที่ไม่ขึ้นกับอุปกรณ์ แต่มักจะเป็นอาการปวดเพราะตัวอักษรจะต้องฝังอยู่ในไฟล์เพื่อแสดงผลอย่างถูกต้องในทุกเบราว์เซอร์ svg-embed-font เป็นเครื่องมือบรรทัดคำสั่งเพื่อกำหนดว่าฟอนต์ใดที่ใช้ในไฟล์ SVG และเข้ารหัสเป็นสินทรัพย์ Base64 ภายใน

หากสินทรัพย์ SVG ของคุณดูดีในคอมพิวเตอร์ของคุณและทำให้ทุกคนยุ่งเหยิงเป็นเพราะแบบอักษรไม่ได้ฝังอยู่ในไฟล์อย่างถูกต้อง

การใช้งาน

 svg-embed-font input.svg

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

 font-family: 'Permanent Marker'

Matches:
permanentmarker.ttf
PermanentMarker-700.otf

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

 svg-embed-font input.svg permanentmarker.ttf

ไฟล์ฟอนต์ที่ต้องการอย่างน้อยหนึ่งไฟล์สามารถแสดงรายการในบรรทัดคำสั่งและจะใช้ไฟล์เหล่านั้นแทนการจับคู่อื่น ๆ ที่พบ

การค้นหาเส้นทางไฟล์ FONT FILE

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

มันทำงานอย่างไร

ไฟล์ตัวอักษรถูกเข้ารหัส Base64 และรวมเป็นสินทรัพย์สไตล์ชีทโดยตรงในไฟล์ SVG หากคุณเปิดไฟล์ในตัวแก้ไขข้อความก่อนที่จะปิดแท็ก </defs> แท็กคุณจะเห็นบางอย่างเช่นต่อไปนี้สำหรับตัวอักษรแต่ละตัว:

 <style type="text/css">
	<![CDATA[
		@font-face {
			font-family: 'Permanent Marker';
			src: url('data:application/x-font-ttf;base64,AAEAAAAOAIAAAwBgT1MvMmH1Ke...<lots more>');
		}
	]]>
</style>

การติดตั้ง

ดาวน์โหลดการเปิดตัวที่เหมาะสมสำหรับระบบปฏิบัติการของคุณในหน้ารีลีส

ใบอนุญาต

มิกซ์