En CSS, por lo general van con el habitualconfiguración CSS font-family a una fuente segura de escritura a mano
font-family: Arial, Helvetica, sans-serif;
Para un pequeño cambio, voy a un tipo de letra que se parece a la escritura. ¿Puede algunas de las personas CSS expertos aquí sugieren que sería algunas de las fuentes más seguras (más ampliamente disponible en la mayoría de los navegadores) que parecen hardwriting
similares a sans-serif hay un genérico cursive que una "fuente que se parece a la escritura" . Esto variará según el navegador (al igual que sans-serif), pero podría ser un buen lugar para comenzar.
Aquí es un estudio de las fuentes de la familia script instalados por usuario:
http://www.codestyle.org/css/font-family/sampler-Cursive.shtml
Todos ellos se ven significativamente diferentes entre sí por lo que iba a perder un poco de coherencia, pero algunos son bastante ampliamente adoptado.
Sus principales fuentes instaladas son (sólo para Windows ):
Comic Sans MS 99.13%
Monotype Corsiva 82.29%
Bradley Hand ITC 63.02%
Tempus Sans ITC 62.68%
French Script MT 62.39%
No hay ninguna letra manuscrita que sería fiable disponible en la mayoría de los navegadores en todas las plataformas. Existen subconjuntos como las fuentes que vienen con Windows Vista o 7, pero si quiere lograr una cobertura fiable seria, es probable que tenga que recurrir a la entrega de la fuente junto con la página web, lo que, lamentablemente, complica las cosas. SO
relacionadas preguntas:
No es cierto, Comic Sans aunque hay una opción dudosa disponible de manera confiable. – fig
@fig Personalmente, no consideraría a Comic Sans como una verdadera fuente de escritura a mano, a pesar de que es algo así como ... El OP tendrá que decidir si se trata de escritura a mano, y suficiente. –
es justo, pero la mayoría lo consideraría uno e incluso, si no, es lo más parecido a uno que está instalado en la mayoría de los navegadores. – fig
La única fuente de escritura a mano en la web segura es Comic Sans - si desea infligir eso a sus usuarios. ;)
Por porcentajes, ver los resultados de la Code Style survey a partir de este mes:
Windows 99.13%
Mac 89.94%
Linux 60.95%
La cursiva más común es uno en Linux URW Cancillería L, pero no es multiplataforma.
Supongo que la escritura a mano de Comic Sans o Lucida sería una de las fuentes de "escritura a mano" más ampliamente disponibles, aunque no son geniales. Puede que le sirva mejor si observa algunas de las opciones de inserción de fuentes, ya sea utilizando softy-smancy html 5 cosas: http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/ que no será totalmente compatible, o utilizando sIFR basado en flash: http://www.mikeindustries.com/blog/sifr, o alguna combinación de estas soluciones para llegar a todos los usuarios
Comic Sans sería la fuente manuscrita más común para macs y pcs, ya que siempre se puede insertar una fuente en la página.
Lea esto: http://www.w3.org/Style/Examples/007/fonts
y de una manera no JS: http://css-tricks.com/css-image-replacement/
Hay una alternativa. Si está familiarizado con Javscript o Jquery. Hay un script muy bonito llamado "Cufon" que hace algo llamado "Reemplazo de fuentes". Con este script simple de usar, puede usar CUALQUIER fuente que desee en su sitio web. Te sugiero que comiences por consultar su documentación, luego crea la versión cufon-js de la fuente y luego úsalo.
Con un código como éste, que ya estaría haciendo la sustitución de fuente ... mira esto simplicidad
<!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>
Por favor, visite este sitio web para más información: http://cufon.shoqolate.com/generate/ (Aquí es donde usted puede generar su fuente preferida y prepárelo para ser utilizado como reemplazo en su sitio). ¡Recuerde incluir el archivo jquery!
Se podría utilizar una de las fuentes seguras Google web: 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; }
Esto incluye una fuente con una página, sin utilizar una fuente segura para la web. Distinción importante. –
Esto resuelve elegantemente el problema del OP y proporciona una solución más robusta que preocuparse por el entorno del cliente. – mightypile
que probablemente terminará ya sea cómico sin, o una cursiva, pero no es realmente la fuente de estilo de escritura a mano. – fig
http://bancomicsans.com/main/?p=1 – Robusto
@ fig-gnuton: editado para reflejar la plataforma –