Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #f
  • #fo
  • #fon
  • #font
  • #fonte
RSS: #fontes

#fontes

  • #fontes_ibres
  • #fontes_libres
  • @rastapopoulos
    RastaPopoulos @rastapopoulos CC BY-NC 10/09/2019
    1
    @simplicissimus
    1

    16 polices historiques en licence libre, par l’ANRT Nancy

    Gotico-Antiqua, Proto-Romain, Hybride. Caractères du XVe siècle entre gothique et romain.
    ▻http://gotico-antiqua.anrt-nancy.fr

    Le colloque sur deux jours et l’exposition Gotico-Antiqua, Proto-Romain, Hybride. Caractères du XVe siècle entre gothique et romain sont fondés sur un programme de recherche en cours à l’Atelier national de recherche typographique (ANRT) qui examine la période historique de 1459-1482. Le colloque a pour objectif de réunir des chercheurs dans le domaine de la typographie, de la paléographie et de l’histoire du livre, en mettant l’accent sur les caractères et les formes de lettres. Cette période relativement peu étudiée – après Gutenberg et avant la stabilisation du modèle de Jenson – s’étend des premières traces de tendances humanistiques aux romains ‹purs›, en passant par de nombreux cas de dessins incertains, hybridations volontaires et formes proto ou archaïques du romain. En 1459 à Mayence, Johann Fust et Peter Schöffer ont imprimé le Rationale Divinorum Officiorum de Guillaume Durand, utilisant un caractère typographique (connu aujourd’hui en tant que ‹Durandus›) qui ne ressemblait à aucun autre caractère antérieur. De là, nous pouvons suivre une grande variété de développements, en partie relative aux voyages des premiers imprimeurs de la région du Rhin vers l’Italie et la France. Par extension, nous nous intéressons également au mouvement des presses privées initié par William Morris et Emery Walker à la fin du XIXe siècle en Angleterre. Ce mouvement a redonné vie à certains de ces caractères avant qu’ils ne retombent dans l’oubli.

    À télécharger ici :
    ▻https://github.com/anrt-type/GoticoAntiqua

    #polices #fontes #typographie #Histoire #gothique

    RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 27/07/2018
    13
    @reka
    @arno
    @monolecte
    @7h36
    @02myseenthis01
    @jeanmarie
    @rastapopoulos
    @marcimat
    @fredlm
    @b_b
    @ninachani
    @gastlag
    13

    Une police de caractères libre pour l’INRIA
    ▻https://maly.io/@Troll/55403

    https://black-foundry.com/wp-content/uploads/2018/01/inriacover-lab.png https://black-foundry.com/wp-content/uploads/2018/01/inria01-lab-1.png

    L’ INRIA a mandaté les typographes Black[Foundry] afin de leur créer une #typographie à l’occasion de leur 50ème anniversaire.

    Et vous savez quoi ... elle est belle ^^ et cerise sur la #typo, elle est téléchargeable gratuitement sous licence « SIL Open Font License 1.1 », ce qui inclut même l’usage commercial.

    ▻https://github.com/BlackFoundry/InriaFonts
    ▻https://black-foundry.com/blog/inria-serif-and-inria

    #police_de_caractère #typographie #fontes #fontes_libres #INRIA

    aris  @aris CC BY-SA
    • @ninachani
      ninachani @ninachani CC BY 13/08/2018

      La serif light j’adore !

      ninachani @ninachani CC BY
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 4/02/2020
      @sandburg

      @sandburg

      Antonin @antonin1 CC BY-NC-SA
    • @jeanmarie
      jeanmarie @jeanmarie CC BY-NC-SA 4/02/2020

      Pour l’avoir testée, je trouve qu’elle est mal positionnée verticalement. J’ai peut-être raté un truc sur le line-height mais elle était plutôt décalée sur le haut de la ligne...

      jeanmarie @jeanmarie CC BY-NC-SA
    Écrire un commentaire
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 14/08/2017
    7
    @oletrouher
    @rastapopoulos
    @tofulm
    @typo
    @jeanmarie
    @b_b
    @mukt
    7

    Optimisez vos polices web - Alsacreations
    ▻https://www.alsacreations.com/article/lire/1741-Optimisez-vos-polices-web.html

    Gestion des polices web : bonnes pratiques, optimisations, formats, stratégies de chargement...

    Présente aussi la (nouvelle) spécification W3C « rel=preload » pour précharger les ressources d’une page (cf ▻https://developer.mozilla.org/fr/docs/Web/HTML/Pr%C3%A9charger_du_contenu)

    Ressources supplémentaires :
    - une collection de webfont optimisées : ▻https://github.com/alsacreations/webfonts
    - le guide complet de toutes les alternatives pour la gestion des polices dans les pages web (en anglais) : « A Comprehensive Guide to Font Loading Strategies » : ►https://www.zachleat.com/web/comprehensive-webfonts

    #police #optimisation #preload #woff

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 14/08/2017

      #intégration #web #bonnes_pratiques #fontes #typo #HTML

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 21/06/2017
    6
    @sandburg
    @baroug
    @rastapopoulos
    @b_b
    @nicod_
    @mukt
    6

    FontBase — A blazing fast, beautiful and free font manager for designers.
    ▻http://fontba.se

    http://fontba.se/static/facebook.png

    FontBase gives you all the stability, speed and reliability of a paid font manager, but free and on all platforms!

    #fontes #graphisme #GNU_linux

    aris  @aris CC BY-SA
    • @aris
      aris  @aris CC BY-SA 21/06/2017

      ▻https://www.fossmint.com/fontbase-font-manager-for-linux-designers

      aris  @aris CC BY-SA
    • @baroug
      baroug @baroug 21/06/2017

      #typo

      baroug @baroug
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 21/06/2017
      @drbouvierleduc

      @drbouvierleduc ?

      RastaPopoulos @rastapopoulos CC BY-NC
    • @ninachani
      ninachani @ninachani CC BY 21/06/2017

      Je vais voir si ça existe pour Linux

      ninachani @ninachani CC BY
    • @b_b
      b_b @b_b PUBLIC DOMAIN 21/06/2017
      @ninachani

      @ninachani le site annonce bien :

      We got Mac, Windows and Linux

      Ou alors je n’ai pas compris ton commentaire ?

      b_b @b_b PUBLIC DOMAIN
    • @ninachani
      ninachani @ninachani CC BY 21/06/2017

      Oui je viens d’aller voir. C’est génial, c’est multi plateformes. Désolée, j’avais pas vu que c’était écrit au dessus. C’est la chaleur !

      ninachani @ninachani CC BY
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 21/06/2017

    GTK+ Font Manager
    ▻http://fontmanager.github.io

    Font Manager is intended to provide a way for average users to easily manage desktop fonts, without having to resort to command line tools or editing configuration files by hand. While designed primarily with the Gnome Desktop Environment in mind, it should work well with other Gtk+ desktop environments.

    Font Manager is NOT a professional-grade font management solution.

    #fontes #graphisme #GNU_Linux

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @fil
    Fil @fil 8/10/2016
    14
    @reka
    @simplicissimus
    @nicod_
    @monolecte
    @7h36
    @gastlag
    @gblin
    @gillesm
    @baroug
    @rastapopoulos
    @b_b
    @kent1
    @aris
    @mukt
    14

    Google and Monotype launch Noto, an open-source typeface family for all the world’s languages
    ▻http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016

    It is one of the largest typographic projects ever undertaken and the result of five years collaborative work.

    Noto is a unified set of typesets and writing systems with a harmonious look and feel, that includes over 800 languages and 100 written scripts from Latin, Cyrillic and Hebrew to Egyptian Hieroglyphs, Cherokee and Emoji.

    ▻http://assets.itsnicethat.com/system/files/102016/57f53a647fa44ca07c001622/images_slice_large/Google_Monotype_Noto_Character-Sets.gif?1475741076

    #fontes #unicode #beau
    ▻https://www.google.com/get/noto

    • #Google
    • #Monotype
    Fil @fil
    • @simplicissimus
      Simplicissimus @simplicissimus 8/10/2016

      The name “Noto” comes from the little squares that show when a font is not supported by a computer. This are often referred to as “tofu”, because of their shape, therefore the font is short for No Tofu.

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 8/10/2016

      http://assets.itsnicethat.com/system/files/102016/57f53a877fa44cbdd60036eb/images_slice_large/Google-Monotype_Noto_MoreThan100WritingSystems.jpg

      Simplicissimus @simplicissimus
    • @simplicissimus
      Simplicissimus @simplicissimus 8/10/2016

      Ah oui !

      https://noto-website.storage.googleapis.com/samples/sans-mong_mn-Mong_400_normal.svg

      (se lit verticalement ! (et de g. à dr.))

      Simplicissimus @simplicissimus
    • @baroug
      baroug @baroug 9/10/2016

      ▻http://www.monotype.com/resources/case-studies/more-than-800-languages-in-a-single-typeface-creating-noto-for-google

      baroug @baroug
    Écrire un commentaire
  • @baroug
    baroug @baroug 27/06/2016
    3
    @supergeante
    @reka
    @gastlag
    3

    Typographics
    ▻http://www.typographics.org

    This site is the beginning of a new publication about type. The focus is you. A designer who uses type, a designers who creates it, or someone who just loves it. Or all three. We’re starting quietly, with a simple group blog. This fall we’ll publish a preview printed edition. The next six months we will try to prove the concept. And if we’re successful, we’ll start regular publication in 2017, with a quarterly print magazine and an active web site.

    #typo

    baroug @baroug
    • @supergeante
      Supergéante @supergeante 27/06/2016

      #fonts #graphisme #fontes #polices_de_caractère

      Supergéante @supergeante
    Écrire un commentaire
  • @baroug
    baroug @baroug 27/11/2015
    10
    @b_b
    @rastapopoulos
    @spip
    @nhoizey
    @monolecte
    @7h36
    @goom
    @mukt
    @gastlag
    10

    » Seriously, Don’t Use #Icon #Fonts Cloud Four Blog
    ▻http://blog.cloudfour.com/seriously-dont-use-icon-fonts

    http://blog.cloudfour.com/wp-content/uploads/2015/11/death_to_icon_fonts-slide_20.jpg

    Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness and versatility of pictograms in particular make them a lovely fit for displays large and small.

    But icons on the web have had their fair share of challenges. They were time-consuming to prepare for every intended display size and color. When high-resolution displays hit the market, icons looked particularly low-res and blocky compared to the text they often accompanied.

    So it’s really no wonder that icon fonts became such a hit. Icons displayed via @font-face were resolution-independent and customizable in all the ways we expected text to be. Sure, delivering icons as a typeface was definitely a hack, but it was also useful, versatile, and maybe even a little fun.

    But now we need to stop. It’s time to let icon fonts pass on to Hack Heaven, where they can frolic with table-based layouts, Bullet-Proof Rounded Corners and Scalable Inman Flash Replacements. Here’s why…

    #typo #icones #web_design

    baroug @baroug
    • @b_b
      b_b @b_b PUBLIC DOMAIN 27/11/2015

      L’article signale cette ressource intéressante pour les personnes qui utilisent ce genre de typos : ▻https://www.filamentgroup.com/lab/bulletproof_icon_fonts.html

      b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/11/2015

      Résumé :

      – Quand on utilise la zone Unicode réservée aux trucs privés, si la fonte se charge mal, on a soit des rectangles pourris, soit des icônes n’ayant rien à voir (emojis, etc). Et si les utilisateurs (dyslexiques par ex) forcent une fonte propre à leur besoin, pareil, ça nique tout.

      – Quand on fait bien les choses et qu’on utilise le bon caractère Unicode correspondant au dessin que l’on veut utiliser : beaucoup de lecteurs d’écran lisent la description du dessin ! Et le seul moyen de l’enlever est d’ajouter du « aria » dans le HTML en plus. Cela peut marcher dans certains cas, mais du coup impossible d’ajouter des icônes uniquement en CSS, dans le thème graphique.

      Filament a produit une librairie utilitaire contenant CSS et JS nécessaire pour utiliser des fontes d’icônes de manière accessible :
      ▻https://github.com/filamentgroup/a-font-garde

      Mais dans la solution de Filament, dans TOUS les cas d’utilisations, ils demandent à utiliser du HTML supplémentaire spécifique à l’icône. Donc d’après moi, c’est un peu pourri : impossible de faire le choix des icônes (ou pas) uniquement dans le thème graphique…

      Sur le long terme, j’ai l’impression que la solution serait que tous les lecteurs d’écran prennent correctement en compte la propriété speak:none.
      De cette manière, il suffirait :
      1) d’utiliser un bon caractère unicode correspondant au mieux au dessin de chaque caractère de notre fonte d’icône (Fontello permet ça par ex), comme ça le fallback visuel serait bon (sauf s’il n’existe pas et dans ce cas faut utiliser la méthode fallback par image de Filament… galère)
      2) d’appliquer sur tous les :before où on veut ajouter une icône, la directive speak:none

      Mais actuellement même Caniuse.com ne contient pas les statistiques des propriétés orales de CSS… Il y a un ticket pour voter pour ça ici :
      ▻https://github.com/Fyrd/caniuse/issues/1515

      Voilà, comment est-ce que vous allez faire à l’avenir vous ?

      En ce qui me concerne, cela fait de nombreux mois que désormais mon HTML ne contient plus de scories pourries en rapport avec l’aspect graphique, que je n’utilise plus de classes genre « icon », « grid », ou je sais pas quelle merde comme ça, et que j’ajoute tout en CSS grâce aux préprocesseurs (exemple : a.super_lien{ @extend .icon; @extend .icon-super; }).
      Du coup la solution de Filament m’embête vraiment…

      #accessibilité #icônes #fontes #fonts #intégration #HTML #CSS

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/11/2015
      @notabene @nhoizey

      Et tiens cc @notabene @nhoizey pour intégration/accessibilité.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 27/11/2015
      @rastapopoulos

      Pour ma part, les pictos sont en SVG inline, tout simplement. Si je devais me préoccuper de fallback (je parle de mes projets perso uniquement), j’utiliserais <picture> avec une source SVG et le fallback en PNG.

      Merci @rastapopoulos pour le ping, je pensais l’avoir dans mes propres liens, mais ce n’est pas encore le cas…

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 27/11/2015

      Nan mais si c’est un truc avec des couleurs, etc, ben oui c’est une image, on l’utilise comme une image. Les icônes en fonte pour moi c’est clairement pour les pictogrammes : qui justement doivent suivre UNE couleur choisie en CSS (celle du texte courant très souvent, et parfois une autre), et à utiliser pour différencier des liens, des boutons, etc, tout en restant sobre.

      [ Éditer ] [ Supprimer ]
      versus
      [ ✎ Éditer ] [ ✖ Supprimer ]

      Et dans ces cas là, le fait d’en vouloir ou pas, et le fait de vouloir tels ou tels pictos : c’est un choix du thème graphique. Donc pour moi c’est entièrement au thème graphique de les activer ou pas, et de choisir quelles images ou pas. Sans RIEN changer au HTML (qui ne contient que des classes permettant de différencier le sens de divers liens par exemple, pas leur aspect : « supprimer », « favoris », « inscription », etc).

      Le fait de devoir mettre des <img> (ou même des <span> vides) dans le HTML pour afficher des icônes et non des vraies images, c’est totalement carrément plus du hack (comme il dit dans le lien de départ), qu’utiliser des fontes en CSS. Le fait d’avoir ces pictos, c’est une aide visuelle pour aider à mieux distinguer certains éléments pour celleux qui ont des yeux, mais le lien ou bouton lui c’est juste « Éditer » (par ex).

      Ah et faut ajouter (et ça a été écrit dans les commentaires) que les fontes informatiques, avec unicode, ont été faites pour contenir des lettres ET des pictos. Donc ce n’est absolument pas un hack du tout, c’est parfaitement prévu, et donc c’est aux navigateurs (visuels ET auditifs) et aux normes web (CSS), de savoir les gérer comme il faut.

      Après pour les interfaces où on a des liens ou boutons qui n’ont QUE l’image/picto, là c’est encore autre chose. Mais pour le coup ça pose encore plus de problème ergonomique avant même l’accessibilité : une image seule, tant qu’on ne connait pas l’appli ou le site, difficile de savoir à quoi ça mène (et maintenant dans tous les trucs tactiles on a pas de bulle de survol puisque pas de survol, mais même pour celleux qui ont une souris, ce n’est pas normal de devoir déplacer sa souris un peu partout sur l’écran pour savoir ce que fait l’interface !), donc sauf cas rare et très précis, c’est pour moi de toute façon une mauvaise pratique.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @nhoizey
      Nicolas Hoizey @nhoizey CC BY-NC-SA 27/11/2015

      Pourquoi les pictos devraient-ils n’avoir qu’une seule couleur ?

      (oui, je sais, les fontes multicolores arrivent…)

      Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 28/11/2015

      Pour ce point, Fontello fait déjà tout ça pour toi, comme IcoMoon mais en logiciel libre et gratuit. Tu peux importer tes SVG perso, puis les sélectionner comme caractères, et leur assigner un code unicode. Ensuite ça te génère la fonte dans plein de formats, et le CSS qui va avec (comme IcoMoon encore une fois).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 2/12/2015

      Une réponse là ▻http://seenthis.net/messages/435520
      Mais qui ne prend pas en compte vraiment les problèmes d’accessibilité (juste utiliser le PUA ne suffit pas, puisqu’il y a le problème des fallbacks, et des polices forcées autrement). Or ce sont ces problèmes dont parlent en priorité l’article de départ.

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/02/2016

      L’explication plus technique de comment ils fonctionnent chez Cloudfour :
      ▻http://seenthis.net/messages/457318

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 17/04/2012
    2
    @baroug
    @tom_dubois
    2

    The secret to designing a great smartphone font |(2)
    ►http://www.cnet.com/8301-17918_1-57412345-85/the-secret-to-designing-a-great-smartphone-font

    In the second portion of our two-part series, we explore the history and theory behind mobile phone fonts with the help of typeface designer Steve Matteson.

    #interfaces #fontes #typographie #mobile

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 17/04/2012
    2
    @baroug
    @tom_dubois
    2

    The man behind your phone’s fonts (1)
    ►http://www.cnet.com/8301-17918_1-57411523-85/the-man-behind-your-phones-fonts

    In the first part of our two-part series about mobile phone fonts, we sit down with Steve Matteson, the typeface designer for Droid, Windows Phone, and countless other UIs.

    #interfaces #fontes #typographie #mobile

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 11/12/2011

    Comic Jens — no more excuses
    ►http://klepas.org/comic-jens/#notebook

    Comic Jens is a looser and more aesthetic alternative to Comic Sans by Jens Kutilek. With a wholesome set of 303 characters in regular and bold, all available freely under a Creative Commons license in OpenType format no one has an excuse to use Comic Sans anymore.

    #Typographie #Fonte #webfonts #fontes_ibres

    aris  @aris CC BY-SA
    • @philippe_de_jonckheere
      Philippe De Jonckheere @philippe_de_jonckheere CC BY 11/12/2011

      Mais quelle sorte d’excuses pouvait-on invoquer pour l’utilisation de Comic Sans ?

      Philippe De Jonckheere @philippe_de_jonckheere CC BY
    • @suske
      Suske @suske 13/12/2011
      @seenthis

      C’est un des thèmes récurrents qui m’épate le plus sur @seenthis :-)

      ►http://seenthis.net/spip.php?page=recherche&recherche=comic+sans

      Suske @suske
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 18/08/2011

    Rick Santorum’s Website Using Pirated Font Leads to $2 Million Lawsuit
    ►http://blog.extensis.com/font-compliance/rick-santorums-website-using-pirated-font-leads-to-2-million-lawsuit.

    I’m willing to bet that this isn’t the kind of PR that Rick Santorum is looking for in his presidential campaign.

    On Tuesday, August 16, 2011, the Dutch type foundry Typotheque filed suit against RaiseDigital LLC, a Virginia-based consulting company that develops website and other materials for political campaigns and politicians.

    The lawsuit seeks up to $2 Million in damages for the alleged misuse of the Fedra type family. This shines a direct light on the fact that font compliance is a serious issue for anyone working in creative endeavors.

    #fontes #webfonts #propriété_intellectuelle #USA #républicains

    aris  @aris CC BY-SA
    Écrire un commentaire
  • @julien
    juba @julien CC BY 22/06/2011

    xkcd : Connoisseur
    ►http://xkcd.com/915

    If you locked people in a box for a year with 500 still frames of Joe Biden eating a sandwich, by the end they’d be adamant that some were great and some terrible.

    • #Joe Biden
    • #Wine
    juba @julien CC BY
    • @arno
      ARNO* @arno ART LIBRE 22/06/2011

      #ahahah

      ARNO* @arno ART LIBRE
    • @jjllnn
      jjllnn @jjllnn CC BY 22/06/2011

      But that’s true of anything ! Wine, house music, fonts, ants, wikipedia signature, canadian surrealist porn.

      #typographie #fontes

      jjllnn @jjllnn CC BY
    Écrire un commentaire

Thèmes liés

  • #typographie
  • #typo
  • position: typeface designer
  • technology: cellular telephone
  • #webfonts
  • #interfaces
  • #mobile
  • person: steve matteson
  • #graphisme
  • technology: smartphone
  • #fonte
  • facility: foundry typotheque
  • operatingsystem: microsoft windows
  • #fontes_ibres
  • person: jens kutilek
  • company: creative commons
  • #propriété_intellectuelle
  • #usa
  • #républicains
  • company: raisedigital llc
  • provinceorstate: virginia
  • person: rick santorum
  • company: droid
  • currency: usd
  • radiostation: wine
  • person: joe biden
  • #intégration
  • #html
  • #fonts
  • company: uis