7
Come utilizzare un font elegante sul mio sito che funziona su tutti i browserCome usare il nostro carattere personalizzato sul nostro sito web
A
risposta
6
"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.
+0
Se tutto ciò che si sta usando è titoli, userei solo le immagini :) – Brian
+1
@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) –
6
3
L'unica soluzione valida è sIFR.
0
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.
+0
Voglio usalo per i paragrafi – Rajasekar
+0
Se SIFR è seo friendly ?? – Rajasekar
+0
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. –
1
L'incorporamento dei caratteri sta diventando valido ora. Partenza this post from Jonathon Snook
+0
Ho appena implementato la procedura dettagliata di Jonathan Snook su un sito Web e sono rimasto soddisfatto del risultato. Il processo è stato laborioso. – jessegavin
0
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.
3
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
0
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.
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. –