يعد 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
يمكن إدراج ملفات خطوط مفضلة أو أكثر من سطر الأوامر وستستخدم تلك الملفات بدلاً من أي مطابقات أخرى تجدها.
إذا لم تحدد ملفات الخطوط الدقيقة ، فستبحث في الدليل الحالي وجميع الدلائل الفرعية للمطابقة ، بحيث يمكنك وضع ملفاتك في التسلسل الهرمي المنطقي وسيجدها. إذا استنفد جميع الملفات الممكنة دون العثور على تطابق مع كل خط في ملف SVG ، فسيقوم بإرجاع خطأ.
يتم تشفير ملف الخط الأساسي ويتضمن كأصل ورقة الأنماط مباشرة في ملف 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>
قم بتنزيل الإصدار المناسب لنظام التشغيل الخاص بك على صفحة الإصدارات.
معهد ماساتشوستس للتكنولوجيا