> Typo et le Web [ 27164 créatifs inscrits ]

Prévenir ami
21 visiteur(s) et 2 membre(s) en ligne.
RSS des forums KobOne
Abonnement aux forums :
Ajouter ce flux KobOne à netvibes Ajouter ce flux KobOne à linkedfeed
Ajouter ce flux KobOne à Yahoo Ajouter ce flux KobOne à MSN
http://www.wikio.fr Subscribe in NewsGator Online
Ajouter ce flux KobOne à MyAol Ajouter ce flux KobOne à Google
Subscribe in Bloglines  
Lien direct vers le flux : Flux RSS KobOne
En direct sur Kobone :
Membre(s):
Aujourd'hui : 1
Hier : 30
Total : 27164

Actuellement :
Visiteur(s) : 21
Membre(s) : 2
Total :23

Administration
Modéré par : kob goulven mediapress Trygee 
Index du Forum » » Sujets divers des créatif... » » Typo et le Web
Typo et le Web
hotclick
158     

  Posté : 09-10-2008 21:19

Bonjour (ou bonsoir) à tous,

Je travaille sur mon nvx portfolio numérique (web) et je désire faire quelque chose de simple, mais avec une typo bien gérée (less is more :) Je suis plus habitué à gérer la typo pour le print d'où ce qui suit :

en ce qui concerne les titrages, j'ai vu qu'il existe une méthode nommée sIFR qui permet d'utiliser une typo spéciale dans un site afin qu'elle soit visible par tous (90 %) des utilisateurs et indexable par les moteurs de recherche (sinon je ferai des images).

En ce qui concerne mon choix de typo pour les légendes et autres textes je pense utiliser une typo classique web (arial ou geneva...) Voilà ma question : avez-vous des exemples de site où la gestion de ces typos (interlignage, interlettrage...) vous est apparue comme interessante. Si oui pourriez-vous me faire partager ces liens ?

Enfin, si vous-même pensez avoir réussi à obtenir des résultats sympas seriez-vous prêts à me donner des pistes (je pense travailler à partir de l'Arial en corps 12 vois au dessous).

Merci

  Profil  
fred2501
1098       

  Posté : 10-10-2008 08:07

ça compte si c'est fait en Flash ?

www.emerveille.fr
agence de communication
création site internet Alsace

  Profil  www  
thorea
699      

  Posté : 10-10-2008 08:49

sIFR c'est aps uen solution idéale non plus, c’est très lourd, ça marche de façon aléatoire et ce n’est très peu flexible au niveau style.

Je te conseilel de jetter un oeil sur Facelift, qui me semble plus pratique et prometteur que sIFR. Au contraire de ce dernier, Facelift génère le contenu de remplacement côté serveur, en PHP. Ca peut sembler être un inconvénient mais c’est pour moi un avantage car ça garantit que le titre sera affiché de la même façon dans tous les navigateurs. Il suffit de l’initialiser en deux lignes de !javascript! et Facelift va générer les images très rapidement avec les styles définis dans tes fichiers CSS. La mise en cache permet d’améliorer encore les performances. Autres avantages, Facelift est non obstrusif, plus sémantique, et les liens ont un comportement correct de liens (ctrl+click sur FF ouvre un nouveau tab par ex)

Sinon, la bonne nouvelle, c’est que des outils comme sIFR et Facelift vont disparaitre peu à peu car on pourra bientôt afficher n’importe quel police dans les navigateurs via CSS (version 3) et son module Web Fonts. J’y reviendrai certainement dans un prochain billet mais sachez que c’est déjà implémenté dans Safari, Opera et Internet Explorer 8. Patience donc… (plus que 10 ans à tenir)

Pour le reste de ta question, c'est difficile de te répondre sur les bons usages des fontes en design. Il y a trop depossibilités. C'est un peu à toi de faire ton expérience.


  Profil  
hotclick
158     

  Posté : 10-10-2008 09:26

Merci pour vos réponses. Je vais jeter un œil sur Facelift. Pour le reste effectivement j'ai déjà croisé sur le web de l'Arial qui avait l'air top ( jen'ai pas gardé les liens) ou alors d'autres typos qui sont proches des typos utilisées sur le web mais qui ne sont pas excatement les même (d'où le sens de ma question) et souvent s'est de petits détails qui les rendent agréable à regarder.

Merci

  Profil  
thorea
699      

  Posté : 10-10-2008 09:48

les fontes "core" poru le web sont listées ici:
http://en.wikipedia.org/wiki/Core_fonts_for_the_Web

tu trouveras aussi ici un petit utilitaire sympa qui liste des fontes "safes" sur plusieurs plate-formes.
http://www.typetester.org/

Sinon, tu n'auras jamais un rendu idendique des fontes en dur sur les différents navigateurs, car ils les interprettent tous différemment

  Profil  
CaptainAmerica
1534       

  Posté : 10-10-2008 10:14

Oui, même si des avancées commencent à voir le jour (en plus de ce qu'on trouve dans css 2 actuellement), faut pas trop tabler sur une grande maitrise de la typo sur le web html, et avoir une approche radicalement differente dans la technique et l'usage que dans le print. Ne serait-ce déjà que par la multiplicité des browsers et des OS avec des traductions variables (qu'on peut controler pas mal mais jamais suffisament).
Pour plus de stabilité, en ce qui concerne les titres du moins, une bonne vieille image avec un attribut alt convient tres bien, sans nuire à l'accessibilité etc.

Apres l'usage de ces nouvelles techniques, ça pourrait etre bien si tu vendais du web et du dev, pour t'en servir comme vitrine, mais si c'est pour proposer autre chose, assieds toi sur quelque chose de plus sûr techniquement.


LE STUDIO AMÉRICAIN, TOULOUSE (31)
DESIGNER GRAPHIQUE | INTÉGRATEUR HTML | CONCEPTEUR WEB FREELANCE


Message édité par : CaptainAmerica / 10-10-2008 10:19


  Profil  E-mail  www  
hotclick
158     

  Posté : 10-10-2008 12:34

Merci les gars,
"assieds toi sur quelque chose de plus sûr techniquement"
je vais effectivement choisir une font classique en essayant d'en tirer le meilleurs.




  Profil  
hotclick
158     

  Posté : 10-10-2008 12:42

D'après vous, est ce que la typo Trebuchet MS est sûr et identique sur la plupart des plateformes ? Je ne savait pas qu'elle fesait parti des typo web safe!

  Profil  
hotclick
158     

  Posté : 10-10-2008 12:47

je la trouve vraiement pas mal (la trebichet) comparé à de l'Arial même corp et même reglages. Elle donne un côté un peu plus fini et plus "print" je trouve... Un peu plus élégant

  Profil  
CaptainAmerica
1534       

  Posté : 10-10-2008 13:27

Oui avec un bemol pour GNU/Linux (je l'ai pas dans Ubuntu), mais elle y est sur windows et mac os X.

LE STUDIO AMÉRICAIN, TOULOUSE (31)
DESIGNER GRAPHIQUE | INTÉGRATEUR HTML | CONCEPTEUR WEB FREELANCE

  Profil  E-mail  www  
Sauter à :
©2002-2008 KobOne -
Droits de reproductions réservés
Conception PIXIKULT : Création de site lyon
Site basé sur NPDS / Cnil 1011211
Rectification de vos données personnelles
ou desinscription : contactez-nous
g
Tdt3d
Entreprenautes
Design-box
Crayons
Reg-art
d
Hit-Parade
g Mentions légales d
g Bannières et logo du site d
g Contact d
g Lancer un appel d'offre d
g Tarifs de professionnels d
Pour avoir accès aux derniers messages et informations en live téléchargez la toolbar KobOne :
g Toolbar KobOne d
 
Social Bookmarking
Add to: Digg Add to: Del.icio.us Add to: Yahoo Add to: Google Add to: Blogmarks Add to: Technorati