Overused Grotesk Download - Overused Grotesk -Quellcode -Download

Overused Grotesk

Schriftarten herunterladen

v0.5-alpha.1

Herunterladen

Überbeanspruchter Grotesk

Von einem dummen Spott über das übergeborene "Schweizer" -Typ bis hin zu einem halb ernsthaften Arbeitstier verwandelt sich die überstrapazierte Grotesk in einen Nachahmer, indem es die unterschiedlichsten Merkmale der allgegenwärtigen Helvetica nachahmt. Die Schrift hört jedoch nicht auf, nur ein Nachahmer zu sein. Es möchte ein Mehrzweck und mehrsprachiger, wenn auch unsicherer und unsicherer.

Diese Schrift wurde ursprünglich als "Ausstellung" für ahnungslose Fontforge -Benutzer dient. Unglücklicherweise wurde das Projekt aufgrund der überaus schnellen Entwicklung zusammen mit einem schlechten Workflow und einem schlechten Management für einen absoluten Anfänger schnell unverständlich. Sooo -Upsien

Die Schriftarten sind kostenlos und Open-Source, und alle Beiträge wären sehr geschätzt. Wenn Sie vorhaben, diese Schrift jemandem zu zeigen oder an eine Schriftart zu senden, denken Sie bitte daran, dieses Repository zu verknüpfen . Es ist nicht obligatorisch, aber es spart viele Kopfschmerzen (vertrauen Sie mir).

Überbeanspruchter Grotesk

Stile

Stilname	wght	WDTH	- -	Stilname	wght	WDTH	slnt
Licht	300	100	- -	Leichte kursiv	300	100	-10
Buch	350	100	- -	Buch italisch	350	100	-10
römisch	400	100	- -	Kursiv	400	100	-10
Medium	500	100	- -	Mittlere kursiv	500	100	-10
Halbkalte	600	100	- -	Halbhaltig kursiv	600	100	-10
Deutlich	700	100	- -	Mutig kursiv	700	100	-10
Extrabold	800	100	- -	Extrabold kursiv	800	100	-10
Schwarz	900	100	- -	Schwarz kursiv	900	100	-10

Bemerkenswerte Funktionen und Ergänzungen

Beinhaltet vietnamesische und kyrillische Buchstaben (mit lokalisierten Formularen)
12 Stylistische Sets + 5 Zeichenvarianten
Sub- & Superscript, Nenner und Zähler, zerkleinerte Null, tabellarische Figuren, mathematische Notationen, Brüche
.ttf, .otf, .woff, .woff2 und variable .ttf -Schriftarten
IPA -Buchstaben (semifunktionelle Diakritik und Tonbuchstaben, noch sehr einfach)
Währungssymbole: $ £ ¤ ¥ ֏฿₠₡₢₣₤₥₦₧₨₩₪₫ € ₭₮₯₰₱₲₳₴₵₶₷₸ ₭₮₯₰₱₲₳₴₵₶₷₸ £ ₺₻₼₽₾₿
Pfeile (viel zu viel von ihnen, 84, um genau zu sein)
Skript-ähnliche diskretionäre Ligaturen (FI, FF, FL, FFI, FFL)

Pläne

Nach v1.0 - vor v2.0

Weitere Breiten (5 statische Breiten: komprimiert - kondensiert - Normal - erweitert - breit)
griechisch
Kleine Kappen
Bauen Sie mehr akzentuelle Briefe (lateinspezifisch)

⏳ in Arbeit

Feinabstimmung
Kursivschrift beenden

Variable Schriftarten für das Web

Sowohl die Quelle als auch der Release -Ordner enthalten eine Variable -Schriftart .woff2, die Sie in Ihre Website aufnehmen können und die Verwendung von CSS in der Verwendung von etwas in der Reihe von:

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 ;
}

Um die kumulative Layoutverschiebung zu reduzieren, können Sie Schriftart und Schriftbeobachter verwenden, um die Schriftart schnellschweigend schnell anzuzeigen.

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 >