Téléchargement Overused Grotesk - Téléchargement du code source Overused Grotesk

Overused Grotesk

Téléchargement de polices

v0.5-alpha.1

Télécharger

Grotesk surutilisé

D'une moquerie muette de la conception de type "suisse" sureserrée à un cheval de bataille semi-série, Grotesk surutilisé se transforme en copieur en imitant les caractéristiques les plus distinctives de l'Helvetica omniprésent. Cependant, la police ne s'arrête pas à être purement un copieur; Il veut être polyvalent et multilingue, bien que décalé et non sûr.

Cette police a été à l'origine servie de forme «d'exposition» pour les utilisateurs de Fontforge inconscients. Malheureusement, en raison du développement superbement rapide, avec un mauvais flux de travail et une mauvaise gestion, le projet est rapidement devenu incompréhensible pour un débutant absolu. Sooo Oopsies

Les polices sont libres et open-source, et toute contribution serait grandement appréciée. Si vous prévoyez de montrer cette police à quelqu'un ou de la soumettre à une collection de polices, n'oubliez pas de lier ce référentiel . Ce n'est pas obligatoire, mais cela fait économiser beaucoup de maux de tête (croyez-moi).

Grotesk surutilisé

Styles

Nom de style	wght	wdth	-	Nom de style	wght	wdth	slnt
Lumière	300	100	-	Italique légère	300	100	-10
Livre	350	100	-	Réserver italique	350	100	-10
romain	400	100	-	Italique	400	100	-10
Moyen	500	100	-	Italique moyen	500	100	-10
Semi-same	600	100	-	Semi-italique	600	100	-10
Audacieux	700	100	-	Italique audacieux	700	100	-10
Découragé	800	100	-	Italique en italique	800	100	-10
Noir	900	100	-	Italique noire	900	100	-10

Fonctionnalités et ajouts notables

Comprend des lettres vietnamiennes et cyrilliques (avec des formulaires localisés)
12 ensembles stylistiques + 5 variantes de caractères
Sous-sombres et exposants, dénominateurs et numérateurs, zéro coulé, figures tabulaires, notations mathématiques, fractions
.TTF, .otf, .woff, .woff2 et polices variables .TTF
Lettres IPA (diacritiques et lettres de ton semi-onctionnelles, toujours très basiques)
Symboles de devise: $ ¢ £ ¤ ¥ ֏฿₠₡₢₣₤₥₦₧₨₩₪₫ € ₭₮₯₰₱₲₳₴₵₶₷₸ ₹ ₺₻₼₽₾₿
Arrows (beaucoup trop d'entre eux, 84 pour être exact)
Ligatures discrétionnaires de type script (FI, FF, FL, FFI, FFL)

Plans

Après v1.0 - avant v2.0

Plus de largeurs (5 largeurs statiques: compressé - condensé - normal - étendu - large)
grec
Petites bouchons
Construire des lettres plus accentuées (spécifiques au latin)

⏳ en cours

Réglage fin
Finir italique

Polices variables pour le Web

La source et le dossier de version incluent une police variable .woff2, que vous pouvez inclure dans votre site Web et vous référer à l'utilisation de CSS en incluant quelque chose dans le sens de:

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

Pour réduire le décalage de mise en page cumulatif, vous pouvez précharger la police et utiliser Font Face Observer pour afficher la police en flambement rapidement.

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 >