RSS

Archive for the 'typographie'

Nicer soulignant

11 mars

Bonjour, Merci de votre visite - J'espère que vous trouverez des informations utiles. Laisser un commentaire, mais si vous avez des commentaires sur le sujet.

La régulièrement me dérange assez moche et pas grand Typographiquement soulignant que se trouvent normalement sur le web. Plus précisément, cela me dérange que les descendeurs des personnages sont biffés et tout l'effet poussé par beaucoup. Pour cette raison, je suis allé à la réalité prévu à cet effet et les jours ordinaires CSS text-decoration: underline; de ​​boycotter. Je pense que c'est beaucoup plus agréable que la commande soulignement pour mettre en œuvre border-bottom.

Pour le point de vue typographique ce n'est pas encore la solution optimale, car ne répond pas aux descendeurs et le soulignement. Par conséquent, le champ d'application pourrait encore mettre sur un pixel vers le bas. Selon la taille de la police de la police et l'interligne, mais qui peut engloutir trop de place. J'ai donc utilisé sur cette distance ne Siete.

Les 3 variantes en comparaison:

? Voir le code HTML 
  text-decoration: underline;
 border-bottom: 1px solid;
 border-bottom: 1px solid; padding-bottom: 1px;

Typographie

Pas si gentil ...

Typographie

Parfait ... à ce point de vue, à de petites tailles, mais aussi toucher descendeurs et soulignant.

Typographie

Pour les petits terrains de jeux préférés Schriftgröen ... le meilleur choix

C'est ce moment, mais seulement un peu, mais cette petite note de mon point de vue et j'ai tout de suite commencer à appeler pour "plus belle souligne". En dehors de cela il ya encore des péchés typographiques beaucoup plus sur le Web, mais à une autre époque.

Pas de commentaires

Posté dans Graphisme & Design

Incorporation des polices sur les sites Web: Typographie

17 février

Après la question épineuse de la sélection de la police limitée aux sites Web pourraient encore être résolus non pas complète, mais au moins il semble maintenant peu de lumière au bout du tunnel à donner. Après Safari 3.1 prend en charge le premier navigateur à intégrer une méthode pour écrire sites emboîteront maintenant le pas de la version 3.1 de Firefox. Raison suffisante, les possibilités actuelles et futures de l'intégration de l'écriture pour faire la lumière.

Étaient actuellement "des polices non standard" (par exemple généré par PHP), principalement sous forme d'images ou Flash sous forme de fichiers intégrés. Ces solutions de contournement de travailler, mais ils sont optimisés pour les moteurs de recherche mais pas encore du point de vue des performances. Pour contrer cela, il existe trois définitions dans le style CSS de la belle "@ font-face". Avec cette commande, il est possible d'incorporer des polices directement sur le site.

Donc, premièrement, les écrits et les styles de police souhaités sont définis. Puis, les styles de police définis sont utilisés comme d'habitude dans la feuille de style.
Le tout pourrait ressembler à ceci:

? Voir le code HTML 
  @ Font-face {
 font-family: 'Fontin-ordinaire »;
 src: url ('Fontin-Regular.otf') format ("OpenType");
 }

 h1 {
 font-family: 'Fontin-Bold ", la Géorgie, serif;
 }

Fondamentalement, TrueType, OpenType, PostScript et polices OpenType TT sont pris en charge. Cependant, en plus de l'appui navigateur relativement faible (IE est à la traîne wiedermal) du côté de licence légale sont observées. Il ne peut être fait à tous les grands caractères sont stockés sur le serveur. Par conséquent, il est recommandé que les droits d'utiliser la police pour être utilisé à la question exactement. Par conséquent, offrent actuellement surtout les polices qui sont disponibles par le biais de la licence Open Font.

Conclusion:
Une fois l'ensemble du sujet a reçu peu d'attention à certains moments, semble à nouveau avoir un certain mouvement est venu à ce sujet. Avec la sortie de Firefox 3.1 Firefox aura le nez légèrement en avance sur Safari, Firefox, car soutiendra contrairement ligatures. Bien que ces deux navigateurs et certains détails pourraient être améliorés, a donc le soutien de @ font-face, mais un bon signe. Soit dit en passant, les fabricants de navigateurs autres mettront la pression sur et tôt ou tard il faut espérer qu'elle soutiendra également le navigateur Internet Explorer.

Liens connexes:
W3C définition
Comparé Safari / Firefox
Typografie.info - L'incorporation de polices dans les pages web

Pas de commentaires

Posté dans Graphisme & Design

Guillemets typographiques correctes

9 janvier

Après il a récemment été fréquemment d'analyse et de marketing, il est grand temps d'écrire à nouveau un article sur la typographie.

L'utilisation des guillemets faux est sans doute un des erreurs de typographie les plus courantes. Selon la langue du texte devrait définir les versions correctes sont utilisées. Sur l'Internet, mais très souvent guillemet manière erronée marques pouces (") tel qu'il est utilisé. Ce n'est pas correct, au lieu, les variantes suivantes sont utilisées. Des rumeurs non confirmées doivent être ces citations fausses s'ébattent dans ce blog ici: o) - Mais néanmoins, je tiens à souligner la façon dont il devrait être dans le bon sens.

Citations allemandes
En allemand textes sont semblables à des citations les chiffres 99 et 66 Au début d'un guillemet à la base "et à la fin d'un guillemet" mis en place. Comme une autre variante ou si les citations sont utilisées dans des guillemets simples existants les variantes de ce prix et les suivantes sont disponibles (').

Une fois ces caractères sur le clavier peut ne pas être disponibles les caractères correspondants sont générés via des raccourcis clavier.

Les guillemets au début:
- Windows: ALT + 0132
- Mac OS: Option +

Point d'exclamation à la fin:
- Windows: ALT + 0147
- Mac OS: Option + 2

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
„Text“

Cette version de la citation est également utilisé dans d'autres langues telles que l'Islande, bulgare, roumain, slovaque, slovène, etc.

Citations d'autres allemands
Comme une alternative à des textes allemands utilisent fréquemment la variante suivante. ""
Cette variante est souvent utilisé parce que ce personnage très bien intégré dans le texte et dans le flux de texte ne soit pas interrompue par des espaces blancs.

Les combinaisons de touches suivantes peuvent être générés caractères:

Les guillemets au début:
- Windows: ALT + 0187
- Mac OS: Maj + Option + Q

Point d'exclamation à la fin:
- Windows: ALT + 0171
- Mac OS: Option + Q

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
„Text“

Citations en anglais
Dans les textes anglais d'autres citations sont utilisées. Ici, le moyen mnémotechnique est de 66 à 99, mais les deux personnages sont présentés ci-dessus. Au début, vous obtenez ce personnage, "et à la fin de la suivante". Les raccourcis clavier sont les suivants:

Les guillemets au début:
- Windows: ALT + 0147
- Mac OS: Option + 2

Point d'exclamation à la fin:
- Windows: ALT + 0148
- Mac OS: Option + Maj + 2

Sur les sites Web pour afficher correctement le code suivant est nécessaire.
“Text”

Citations françaises (guillemots)
Guillemots sont appelés citations françaises. Contrairement à la version alternative en Allemagne, montrent les pics INTHE version française de suite dans le texte. Cela donne les caractères suivants: ""

Les raccourcis clavier sont les suivants:

Les guillemets au début:
- Windows: ALT + 0171
- Mac OS: Option + Q

Point d'exclamation à la fin:
- Windows: ALT + 0187
- Mac OS: Maj + Option + Q

Sur les sites Web est nécessaire pour afficher correctement le code suivant:
«Text »

Cette version de la citation est également utilisé dans d'autres langues comme le grec, portugais, arabe, etc.

Pas de commentaires

Posté dans Graphisme & Design