je dois correspondre à une police d'un designer à quelque chose de similaire pour le web

Je ne sais pas si cela est une spécification Illustrator ou où exactement, mais un concepteur m'a donné cette spécification pour une police:je dois correspondre à une police d'un designer à quelque chose de similaire pour le web

Helvetica Neue (T1), 35 mince, 20 pt, off/454545, le/70a63a

Il y a d'autres semblables pour différentes zones de la page, mais si vous pouvez me dire comment faire correspondre celui-ci en utilisant le CSS, J'espère pouvoir comprendre le reste.

Merci!

Source

2009-09-01 joedevon

Cela vous obtiendrez le plus près possible sur toutes les plateformes:

font-family:Helvetica Neue, Helvetica, Arial, sans-serif; 
font-weight:100; 
font-size:20pt;

Source

2009-09-01 18:07:21

Cela peut être difficile car seul un petit sous-ensemble de polices est supporté par tous les navigateurs, et PEUT avoir l'air complètement différent dans un navigateur par rapport à un autre (voir la police de type Fantasy dans Firefox vs IE).

Voici quelques css pour vous aider à démarrer si

.myCss {font-family:Helvetica;font-size:20pt;font-weight:100;color:#454545} 
.myCss:hover {color:#70a63a}

Font-poids, dans les navigateurs actuels supporte à peu près NORMAL et BOLD. Mais dans les nouveaux navigateurs se situera de 100 à 900, avec 700 étant audacieux aujourd'hui, et 400 étant NORMAL d'aujourd'hui.

REMARQUE: Hover ne fonctionnera que sur les éléments de lien dans IE 6 stupide, le support pour cela est BEAUCOUP mieux dans IE 7 et waaay mieux dans Firefox.

Source

2009-09-01 18:02:50 Zoidberg

Merci. Je ne sais pas pourquoi je pensais que pt ne fonctionne pas en CSS ... Helvetica est-elle la même que Helvetica Neue (T1)? – joedevon

@joe ce n'est pas, mais très peu d'utilisateurs finaux ont helvetica neue sur leur ordinateur. Helvetica est le substitut le plus proche (voir ma réponse) –

Oui, vous pouvez mettre Helvetica Neue, puis Helvetica, pour que les utilisateurs qui supportent Helvetica Neue sur leur navigateur le voient. – Zoidberg

Le nom de la police est Helvetica Neue. Le T1 signifie PostScript type 1. 35 Thin est le poids/variation. 20 pt est la taille. off et on sont les couleurs. Helvetica Neue (ou Helvetica ou Arial - tous les trois sont très similaires) est présent sur à peu près tous les ordinateurs. La variation mince n'est pas. Je recommande de faire la famille de police Helvetica Neue, Helvetica, Arial, taille de police: 20pt, et de régler le poids de police au plus bas possible: 100. Certaines variations de Helvetica/Arial peuvent ne pas avoir des variations plus légères le poids ne peut rien faire.

Si vous avez absolument besoin de la police exacte (et si votre concepteur s'attend à ce que ce soit autre chose que des entêtes lors de la conception pour le web, vous devez aller en parler au designer), vous pouvez utiliser SIFR ou des images.

Source

2009-09-01 18:05:21

est helvetica/helvetica neue vraiment ce communément installé? –

Helvetica et Helvetica Neue sont installés sur OS X par défaut. Aussi avec tous les produits Adobe haut de gamme, et aussi avec beaucoup de packs de polices/autres programmes qui viennent avec beaucoup de polices. Je ne dirais pas qu'il est présent sur une majorité d'ordinateurs par n'importe quel effort d'imagination, mais selon votre auditoire, il peut être de 20 à 30% ou même plus. Assez élevé pour l'utiliser par défaut à mon avis, car il * est * plus agréable que Arial. –

Le concepteur est vraiment cool. C'est seulement pour les titres, il obtient totalement que ce n'est peut-être pas précis et est prêt à faire des images si besoin est. Je ne suis pas un de ces gars difficiles merci G_d :) Je voudrais pouvoir marquer tous les 3 comme la réponse parce que j'ai appris quelque chose de chacun et les commentaires ont été utiles aussi. – joedevon

je dois correspondre à une police d'un designer à quelque chose de similaire pour le web

Répondre

Questions connexes