تنزيل Overused Grotesk - تنزيل رمز مصدر Overused Grotesk

Overused Grotesk

تحميل الخط

v0.5-alpha.1

تنزيل

الإفراط في استخدام Grotesk

من السخرية الغبية لتصميم النوع "السويسري" المفرط إلى فرس العمل شبه الخبيث ، يحول نغمة الإفراط في استخدامها إلى نسخ من خلال تقليد الميزات الأكثر تميزًا للهيلفيتيكا في كل مكان. ومع ذلك ، فإن المحرف لا يتوقف عند كونه نسخًا بحتة ؛ إنها تريد أن تكون متعددة الأغراض ومتعددة اللغات ، وإن كانت غريبة وغير شديدة.

تم تقديم هذا المحرف في الأصل كشكل من أشكال "المعرض" لمستخدمي Fontforge الغافلين. لسوء الحظ ، بسبب التطور السريع الرائع ، إلى جانب سير العمل السيئ والإدارة السيئة ، سرعان ما أصبح المشروع غير مفهوم للمبتدئين المطلق. sooo oopsies

الخطوط مجانية ومفتوحة المصدر ، وأي مساهمات ستكون موضع تقدير كبير. إذا كنت تخطط لإظهار هذا النوع لشخص ما أو إرساله إلى مجموعة الخطوط ، فيرجى تذكر ربط هذا المستودع . إنه ليس إلزاميًا ، لكنه يوفر الكثير من الصداع (ثق بي).

الإفراط في استخدام Grotesk

أنماط

اسم النمط	wght	wdth	-	اسم النمط	wght	wdth	SLNT
ضوء	300	100	-	ضوء مائل	300	100	-10
كتاب	350	100	-	كتاب مائل	350	100	-10
روماني	400	100	-	مائل	400	100	-10
واسطة	500	100	-	متوسطة مائلة	500	100	-10
Semibold	600	100	-	Semibold مائل	600	100	-10
عريض	700	100	-	جريئة مائلة	700	100	-10
خارج	800	100	-	خارج مائل	800	100	-10
أسود	900	100	-	أسود مائل	900	100	-10

ميزات وإضافات ملحوظة

يشمل الرسائل الفيتنامية والسيريلية (W/ أشكال محلية)
12 مجموعة الأسلوب + 5 متغيرات أحرف
الفرعية والسكان الفوقي ، القواسم والأقواس ، صفر مقطوع ، شخصيات جدولة ، تدوينات رياضية ، كسور
.ttf ، .otf ، .woff ، .woff2 ، و fontible .ttf fonts
رسائل IPA (الرسوم نصف الوظيفية ورسائل النغمة ، لا تزال أساسية للغاية)
رموز العملة: $ ¢ £ ¤ ¥ € ₭₮₯₰₱₲₳₴₵₶₷₸ ₭₮₯₰₱₲₳₴₵₶₷₸ ₹ ₺₻₼₽₾₿ ₺₻₼₽₾₿
الأسهم (الكثير منهم ، 84 أن تكون دقيقة)
ligatures تشبه النصية (FI ، FF ، FL ، FFI ، FFL)

خطط

بعد V1.0 - قبل v2.0

المزيد من العروض (5 عروض ثابتة: مضغوطة - مكثفة - طبيعية - ممتدة - واسعة)
اليونانية
قبعات صغيرة
بناء رسائل أكثر معتمدا (محددة اللاتينية)

⏳ في التقدم

الكون المثالى
الانتهاء من مائل

خطوط متغيرة للويب

يتضمن كل من المصدر ومجلد الإصدار خط متغير .woff2 ، والذي يمكنك تضمينه في موقع الويب الخاص بك والإشارة إلى استخدام CSS من خلال تضمين شيء على غرار:

BASE.CSS

 : root {
    --font-sans : "Overused Grotesk" , -apple-system , BlinkMacSystemFont , "Segoe UI" , "Roboto" , "Oxygen" , "Ubuntu" , "Cantarell" , "Fira Sans" , "Droid Sans" , "Helvetica Neue" , sans-serif;
    --font-serif : Georgia , Times , serif;
    --font-mono : Menlo , Courier , monospace;
}

@font-face {
  font-family : "Overused Grotesk" ;
  src :
    url ( "../fonts/OverusedGrotesk-VF.woff2" ) format ( "woff2 supports variations" ) ,
    url ( "../fonts/OverusedGrotesk-VF.woff2" ) format ( "woff2-variations" );
  font-weight : 300 900 ;
}

لتقليل التحول التراكمي ، يمكنك التحميل المسبق واستخدام مراقب Font Face لعرض الخط السريع.

base.html

 <!DOCTYPE html >
< html lang =" en " >
  < head >
    < title > Static HTML is King ? </ title >
    < meta charset =" UTF-8 " >
    < meta name =" viewport " content =" width=device-width " >
    < link rel =" stylesheet " href =" /css/base.css " >
    < link rel =" preload " href =" /fonts/OverusedGrotesk-VF.woff2 " as =" font " type =" font/woff2 " crossorigin >
  </ head >
  < body >

    < main >
      < h1 > Static HTML is King ? </ h1 >
    </ main >
 
    <!--
    https://fontfaceobserver.com/
    To load a font, call the load method on a FontFaceObserver instance.
    It’ll return a promise that resolves when the font loads, or rejected when the font fails to load.
    -->
   < script src =" /js/fontfaceobserver.js " > </ script >
   < script >
   var font = new FontFaceObserver ( 'Overused Grotesk' ) ;

   font . load ( ) . then ( function ( ) {
     console . log ( 'Overused Grotesk has loaded.' ) ;
   } ) . catch ( function ( ) {
     console . log ( 'Overused Grotesk failed to load.' ) ;
   } ) ;
   </ script >

  </ body >
</ html >