web-dev-qa-db-fra.com

définition de la famille de polices css sur une police d'écriture sûre

En CSS, je vais généralement avec l'habituel

font-family: Arial, Helvetica, sans-serif;

Pour un petit changement, je vais opter pour une police qui ressemble à une écriture manuscrite. Certains des experts CSS ici peuvent-ils suggérer quelles seraient les polices les plus sûres (les plus répandues dans la plupart des navigateurs) qui ressembleraient à de la hardwriting

cssfont-family
18
dmontain

Semblable à sans-serif il existe un générique cursive qui est une "police qui ressemble à l'écriture manuscrite". Cela variera selon le navigateur (tout comme sans-serif) mais pourrait être un bon point de départ.

Voici un aperçu des polices de la famille script installées par utilisateur:

http://www.codestyle.org/css/font-family/sampler-Cursive.shtml

Ils sont tous très différents les uns des autres, vous perdriez donc une certaine cohérence, mais certains sont assez largement adoptés.

Leurs principales polices installées sont ( POUR WINDOWS UNIQUEMENT ):

Comic Sans MS     99.13%  
Monotype Corsiva    82.29%  
Bradley Hand ITC    63.02% 
Tempus Sans ITC      62.68% 
French Script MT    62.39%
22
Alex Mcp

Vous pouvez utiliser l'une des polices de sécurité Web de Google: http://www.google.com/webfonts/family?family=Schoolbell&subset=latin#code

<link href='http://fonts.googleapis.com/css?family=Schoolbell&v1' rel='stylesheet' type='text/css'>
h1 { font-family: 'Schoolbell', arial, serif; }
4
adjwilli

Aucune police d'écriture manuscrite ne serait disponible de manière fiable dans la plupart des navigateurs sur toutes les plateformes. Il existe des sous-ensembles tels que les polices fournies avec Windows Vista ou 7, mais si vous souhaitez obtenir une couverture sérieuse et fiable, vous devrez probablement recourir à la livraison de la police à côté de la page Web, ce qui, malheureusement, complique les choses.

Questions connexes SO:

4
Pekka 웃

Lisez ceci: http://www.w3.org/Style/Examples/007/fonts

et pour une manière non js: http://css-tricks.com/css-image-replacement/

1
Luca Filosofi

La seule police d'écriture Web sécurisée est Comic Sans - si vous souhaitez infliger cela à vos utilisateurs. ;)

Pour les pourcentages, voir les résultats de l'enquête Style Style Code à partir de ce mois-ci:

Windows  99.13%
Mac      89.94%
Linux    60.95%

La cursive la plus courante sur Linux est URW Chancery L, mais ce n'est pas multiplateforme.

1
user65663

Je suppose que l'écriture manuscrite de Comic Sans ou Lucida serait l'une des polices d'écriture manuscrite les plus largement disponibles, bien qu'elles ne soient pas d'excellentes polices. Vous pourriez être mieux servi en examinant certaines des options d'incorporation de polices, soit en utilisant des trucs html 5 de fantaisie: http://www.broken-links.com/2009/05/28/exciting-times- html-5-web-fonts / qui ne sera pas entièrement pris en charge, ou en utilisant sIFR qui est basé sur le flash: http://www.mikeindustries.com/blog/sifr , ou certains combinaison de ces solutions pour atteindre tous les utilisateurs.

1
quoo

Comic Sans serait la police la plus manuscrite commune aux Mac et aux PC, cela étant dit, vous pouvez toujours incorporer une police dans votre page.

1
danspants

Il y a une alternative. Si vous connaissez Javscript ou Jquery. Il y a un très joli script appelé "Cufon" qui fait quelque chose qui s'appelle "Font Replacement". Avec ce script simple à utiliser, vous pouvez utiliser N'IMPORTE QUELLE police que vous souhaitez sur votre site Web. Je vous suggère de commencer par vérifier sa documentation, puis de créer la version cufon-js de la police puis de l'utiliser!

Avec un code comme celui-ci, vous feriez déjà un remplacement de police ... vérifiez cette simplicité

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Vegur_300.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1');
        </script>
    </head>
    <body>
        <h1>This text will be shown in Vegur.</h1>
    </body>
</html>

Veuillez visiter ce site Web pour plus d'informations: http://cufon.shoqolate.com/generate/ (c'est là que vous pouvez générer votre police préférée et la rendre prête à être utilisée comme remplacement sur votre site ). N'oubliez pas d'inclure le fichier jquery!

0
UXdesigner