2010-04-30 18 views
16

In CSS, di solito andare con la solitaimpostazione css font-family per un font scrittura a mano sicura

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

Per un piccolo cambiamento, Vado a fare un tipo di carattere che assomiglia scrittura a mano. Può alcune delle persone CSS esperti qui suggerire che cosa sarebbe alcuni dei caratteri più sicuri (più ampiamente disponibile nella maggior parte dei browser) che sembrano hardwriting

risposta

22

Simile a sans-serif v'è un generico cursive che un "font che assomiglia scrittura a mano" . Questo può variare a seconda del browser (come sarà sans-serif) ma potrebbe essere un buon punto di partenza.

Ecco un sondaggio di script font installati famiglia per utente:

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

Sembrano tutti molto diversi gli uni dagli altri in modo che ci si perde un po 'di coerenza, ma alcuni sono abbastanza ampiamente adottati.

loro principali caratteri installati sono (PER WINDOWS SOLO):

Comic Sans MS  99.13% 
Monotype Corsiva 82.29% 
Bradley Hand ITC 63.02% 
Tempus Sans ITC  62.68% 
French Script MT 62.39% 
+0

che probabilmente finirà per entrambi Comic Sans, o un corsivo, ma non veramente font-style della scrittura a mano. – fig

+1

http://bancomicsans.com/main/?p=1 – Robusto

+0

@ fig-gnuton: modificato per riflettere la piattaforma –

4

Non v'è alcun tipo di carattere della scrittura a mano che sarebbe affidabile disponibile nella maggior parte dei browser su tutte le piattaforme. Ci sono sottoinsiemi come i tipi di carattere che vengono con Windows Vista o 7 ma se si vuole ottenere una copertura seria affidabile, è probabile che si debba ricorrere al recapito del carattere accanto alla pagina Web, il che, purtroppo, rende le cose complicate.

correlate, al fine domande:

+0

Non vero, Comic Sans anche se una scelta dubbia è attendibilmente disponibile. – fig

+0

@fig Personalmente non considererei Comic Sans come un vero font per la scrittura a mano, anche se è una specie di ... L'OP dovrà decidere se è sufficiente scrivere a mano. –

+0

abbastanza giusto, ma la maggior parte lo considererebbe uno e anche se no, è la cosa più vicina a quella che è installata nella maggior parte dei browser. – fig

1

L'unica fonte della scrittura web-safe è Comic Sans - se vuoi infliggerlo ai tuoi utenti. ;)

Per percentuali, vedere i risultati del Code Style survey partire da questo mese:

Windows 99.13% 
Mac  89.94% 
Linux 60.95% 

Il corsivo più comune su Linux è URW Chancery L, ma non è cross-platform.

1

Suppongo che la scrittura a mano di Comic Sans o Lucida sarebbe tra i caratteri di "scrittura a mano" più ampiamente disponibili, anche se non sono grandi caratteri. Si potrebbe essere meglio servirsi esaminando alcune delle opzioni di embedding dei font, sia usando il materiale in html 5 fancy-smancy: http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/ che non sarà interamente supportato, o usando sIFR che è basato su flash: http://www.mikeindustries.com/blog/sifr, o una combinazione di queste soluzioni per raggiungere tutti gli utenti.

1

Comic Sans sarebbe il font più calligrafico comune a mac e pc, dicendo che potresti sempre inserire un font nella tua pagina.

0

C'è un'alternativa. Se hai familiarità con Javscript o Jquery. C'è uno script molto carino chiamato "Cufon" che fa una cosa chiamata "Sostituzione dei font". Con questo script semplice da usare, puoi utilizzare QUALSIASI font che desideri sul tuo sito web. Ti suggerisco di iniziare controllando la sua documentazione, quindi crea la versione cufon-js del font e poi usalo!

Con il codice come questo, si sarebbe già facendo la sostituzione di carattere ... controlla questa semplicità

<!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> 

Si prega di visitare questo sito per ulteriori informazioni: http://cufon.shoqolate.com/generate/ (questo è dove si può generare il vostro font preferito e rendilo pronto per essere usato come ricambio sul tuo sito). Ricorda di includere il file jquery!

4

Si potrebbe utilizzare uno dei font Google Web sicure: 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; } 
+0

Ciò include un carattere con una pagina, non utilizzando un carattere sicuro per il Web. Importante distinzione –

+1

Questo risolve elegantemente il problema dell'OP e fornisce una soluzione più robusta che preoccuparsi dell'ambiente client. – mightypile

Problemi correlati