الخطوط البورمية للشبكة.
انتقل إلى موقع الويب ، وحدد بعض الخطوط التي تريد استخدامها ، ونسخ الرمز الذي تم إنشاؤه ، ووضعه داخل مشروعك.
يمكنك أيضًا القيام بفحص سريع لـ CDN مثل هذا.
curl https://mmtypeface.vercel.app/api ? family=Pyidaungsu:ital,wght@0,400 ; 0,700سيبدو المخرجات مثل ،
/* generated by mmtypeface api */
@font-face {
font-family : 'Pyidaungsu' ;
src : url ( '/fonts/Pyidaungsu/Pyidaungsu-Regular.woff' ) format ( 'woff' ) ,
url ( '/fonts/Pyidaungsu/Pyidaungsu-Regular.woff2' ) format ( 'woff2' );
font-weight : 400 ;
font-style : normal;
font-display : swap;
}
@font-face {
font-family : 'Pyidaungsu' ;
src : url ( '/fonts/Pyidaungsu/Pyidaungsu-Bold.woff' ) format ( 'woff' ) ,
url ( '/fonts/Pyidaungsu/Pyidaungsu-Bold.woff2' ) format ( 'woff2' );
font-weight : 700 ;
font-style : normal;
font-display : swap;
}مستوحاة من خطوط Google ، هذه محاولة لإنشاء CDN لخدمة الخطوط البورمية التي لن تقوم بها Google Fonts. هذا بديل لـ MMWebFonts مع الدعم المناسب لأوزان الخطوط المتعددة وأنماط الخطوط وخصائص عرض الخطوط.
يتم استضافة الموقع على Vercel ويتم تقديم API عبر طرق API NextJS ، والتي تتم معالجتها بدون خادم. يتم تخزينها مؤقتًا لمدة 24 ساعة حتى يتم إعادة نشرها أو الحصول على بداية باردة.
مساهمات الخطوط سهلة. فقط تأكد من أن لديك الحق في نشرها قبل القيام بذلك. ثم أضفك خطًا إلى دليل public/fonts ، وسرد ملفاتك بشكل صحيح في ملف fonts.yaml .
يرجى التأكد من أن خطوطك في تنسيقات woff و woff2 . وإلا فلن نقبل. يمكنك استخدام Transfonter للتحويل إذا كان عليك ذلك.
نوعا ما. الفضل في الفكرة يذهب إلى @Heinthanth.
MIT © UIT