Come utilizzare un font elegante sul mio sito che funziona su tutti i browserCome usare il nostro carattere personalizzato sul nostro sito web
risposta
"che funziona su tutti i browser"
Io non credo che ci sia una cosa come QUALSIASI "che funziona su tutti i browser".
Ma le tue opzioni includeranno (come detto sopra) sIFR, anche se vorrai usarlo solo per titoli, al massimo.
I browser più recenti possono supportare @ font-face css "incorporamento" di caratteri. Alcuni servizi web online che vi permetterà di Tipo licenza per questo (font sia commerciale o libero) e anche fare il CSS/JS necessari includono:
e ci sono altri pure.
C'è anche Cufon, che è una soluzione basata su javascript.
Se tutto ciò che si sta usando è titoli, userei solo le immagini :) – Brian
@Brian se stiamo parlando di un paio di titoli, certo. Un'immagine decente con gli attributi alt corretti racchiusi nel markup appropriato andrebbe bene. Tuttavia, se parliamo di molti, molti titoli, si eseguono prestazioni (più richieste di immagini sul server) e manutenzione (qualcuno che deve crearli o un processo in esecuzione sul server per crearli) –
L'unica soluzione valida è sIFR.
Si desidera utilizzare se per titoli e altro testo "speciale" o per paragrafi generali di testo? Se il primo, SIFR o un'immagine che rappresenta il testo sarebbe probabilmente il migliore. Se vuoi interi paragrafi, dovresti esaminare @ font-face come suggerito da DA o vedere se c'è uno accettabile che è abbastanza vicino al carattere che preferiresti usare.
Voglio usalo per i paragrafi – Rajasekar
Se SIFR è seo friendly ?? – Rajasekar
sIFR è SEO friendly, poiché il testo è ancora presente nella pagina. Tuttavia, davvero non vuoi usarlo per interi paragrafi di testo. Questo è eccessivo e può introdurre alcuni problemi di usabilità/accessibilità. Usa @ font-face o Cufon se vuoi che grossi pezzi di testo utilizzino un font specifico. –
L'incorporamento dei caratteri sta diventando valido ora. Partenza this post from Jonathon Snook
Ho appena implementato la procedura dettagliata di Jonathan Snook su un sito Web e sono rimasto soddisfatto del risultato. Il processo è stato laborioso. – jessegavin
Personalmente sono passato da SIFR a cufon su progetti che non presentano problemi con EULA dei font. Il about page ha una panoramica più approfondita.
Dovresti davvero controllare lo @font-face CSS3 rule. Here's a converter per farlo funzionare in IE. Paul Irish ha una bellissima recensione su come utilizzare la regola here.
[EDIT] appena trovato un generatore a portata di mano, anche: http://www.fontsquirrel.com/fontface/generator
dipende da quello del carattere che si desidera utilizzare ... la soluzione più semplice è quella di utilizzare il metodo @font-face
. Se si include il formato solo Microsoft (.EOT), funzionerà nel browser ANY.
Font Squirrel ha una grande collezione di liberi di utilizzare commercialmente, i kit di font, che includono:
- originale TrueType o OpenType Font per Firefox 3.5 e Safari
- EOT font per Internet Explorer
- SVG font per Opera, iPhone & Chrome
- WOFF font per Firefox 3.6+
- Demo.html e stylesheet.css così può andare veloce
Il metodo @font-face
non richiede Javascript o Flash, come le tecniche SIFR e Cufon precedentemente menzionate, è quindi più accessibile a tutti.
È totalmente SEO friendly e scalabile.
- 1. Comic Sans sul nostro sito web
- 2. Come impedire il nostro sito web tramite Clickjacking in ASP.NET C#?
- 3. Come per rendere il nostro cruscotto personalizzato come cruscotto di default sul Kibana
- 4. Come possiamo proteggere la nostra immagine da copiare dal nostro sito web
- 5. Come utilizzare OpenID sul mio sito web
- 6. Come posso spostare il mio repository SVN Tortoise locale sul nostro nuovo server SVN Linux?
- 7. Come posso indicizzare il nostro codice sorgente interno?
- 8. Disqus SSO integration sul sito web
- 9. Crea il nostro elenco <stringa, stringa, stringa>
- 10. perché una variabile condizionale fissa il nostro consumo di energia?
- 11. perché non possiamo creare il nostro oggetto ostream
- 12. ClickOnce designa il nostro eseguibile e dice "Editore sconosciuto"
- 13. Possiamo trasformare il nostro dispositivo Android in un faro?
- 14. Acquisizione di MSDeploy sul nostro server di build/integrazione: è necessario un aggiornamento MSBuild?
- 15. Come possiamo usare qualsiasi libreria C all'interno del nostro codice C++?
- 16. Come si memorizzano i file sul sito Web Windows Azure?
- 17. Il nostro DB MySQL dovrebbe essere separato dai nostri server Apache?
- 18. Collaborazione sul sito di wordpress git. Come condividere il database?
- 19. eseguire un programma Java dal nostro programma Java
- 20. Git pull con rebase che causa conflitti eccessivi. Come posso sistemare il nostro flusso di lavoro?
- 21. Come posso cambiare il contenuto dell'email dell'ordine opencart come nostro desiderio? È possibile?
- 22. Scrittura del nostro metodo di Smaltimento invece di utilizzare Idisposable
- 23. git checkout: significato dettagliato di "loro" e "nostro"
- 24. Come ottenere il nome della proprietà con cui è impostato il nostro attributo?
- 25. Come possiamo scrivere il nostro file modello di codice in IntelliJ IDEA
- 26. Come namespace il nostro JS per l'uso con la pipeline di asset Rotaie
- 27. Come possiamo testare il nostro codice COM C++ senza registrare le DLL?
- 28. Come faccio a costruire un piano di test per il nostro dipartimento QA?
- 29. Usando un UIWebView, posso usare un carattere personalizzato?
- 30. come usare tinymce con le immagini sul mio sito web come StackOverflow fa
Tutte le persone che inviano domande sincere senza spiegazione stanno davvero minando il sito. –
Si prega di non farlo. – Brian
Beh, è una domanda vera ma davvero, davvero breve. Riesco a capire che la gente ha fatto downvoting di questo. –