RSS

tipografia Posts Tagged ''

Più bella sottolineatura

11 Mar

Ciao, grazie per la visita - la speranza che troverete informazioni utili. Lascia un commento, ma se avete commenti in merito.

Il regolarmente mi disturba molto brutte e non grande tipografiche sottolinea che si trovano normalmente sul web. In particolare, a me dà fastidio che la discendenti dei personaggi sono cancellata e tutto questo ha spinto molto. Per questo motivo, sono andato verso il proprio destinato a questo scopo e giorni comuni testo CSS-decoration: underline; di boicottare. Penso che sia molto meglio sottolinea il comando border-bottom da realizzare.

Tipografiche dal punto di vista, anche se non ancora la soluzione ottimale, dal momento che non possono rendere l'discendenti e di sottolineatura. Si potrebbe quindi il quadro o una serie di pixel più in basso. A seconda del tipo di carattere, dimensione del carattere e spaziatura tra le righe, ma che può inghiottire troppo spazio. Pertanto, io uso questo Siete alcuna distanza.

Le tre varianti a confronto:

? Visualizza codice HTML 
  text-decoration: underline;
 border-bottom: solid 1px;
 border-bottom: 1px solido; padding-bottom: 1px;

Tipografia

... Non so nice

Tipografia

Perfetto ... in questa rappresentazione, con dimensioni di carattere più piccolo, ma discendenti anche toccante e sottolineato.

Tipografia

... Per Schriftgröen piccolo meißt la scelta migliore

Cioè, anche se questa volta solo una, ma certo, a mio avviso poco piccola nota e mi avvio chiede "più bella sottolineatura. Inoltre, ci sono ancora molti peccati più tipografico sul Web, ma in un altro tempo.

Nessun Commento

Posted in Graphic & Design

Tipografia: Integrazione dei font su siti web

17 febbraio

Dopo il noioso problema della selezione del carattere limitato su siti web, ma potrebbe non essere ancora completo risolti, ma almeno sembra ora la luce alla fine del tunnel da dare. Dopo Safari 3.1 supporta il primo browser di un metodo per la scrittura di coinvolgimento nei siti di Firefox seguiranno l'esempio, versione 3.1. Motivo sufficiente per le possibilità attuali e future della scrittura di integrazione in modo più dettagliato.

News sono stati "i caratteri non standard" di solito generati come immagini (ad esempio via PHP) o incorporato come file Flash. Queste soluzioni alternative di lavoro, ma non sono ottimali per i motori di ricerca o dal punto di vista delle prestazioni. Per contrastare questo, ci sono tre definizioni di stile CSS per la "bella @ font-face". Questo comando permette font direttamente nel sito.

Per questo, ho bisogno del font o stili di carattere che si desidera definire. Poi, gli stili dei caratteri definiti sono utilizzati nel foglio di stile abituale.
Il tutto dovrebbe assomigliare a questo:

? Visualizza codice HTML 
  @ Font-face (
 font-family: 'Fontin-Regular';
 src: url ('Fontin-Regular.otf') formato ("OpenType");
 )

 H1 (
 font-family: 'Fontin-Regular', Georgia, serif;
 )

Fondamentalmente, TrueType, OpenType TT e font OpenType PS sono supportati. Tuttavia, oltre al supporto del browser relativamente bassa (ossia in ritardo rispetto wiedermal) e degli aspetti contrattuali siano rispettate. Si può cioè non di gran lunga tutti i font sono memorizzati sul server. È quindi opportuno utilizzare per il tipo di carattere da utilizzare per la domanda esattamente. Pertanto, attualmente offrono soprattutto i caratteri che vengono distribuiti attraverso la licenza Open Font.

Conclusione:
Dopo tutta la questione aveva ricevuto poca attenzione, a volte, sembra di nuovo essere venuto un certo movimento in argomento. Con il rilascio di Firefox 3.1 Firefox avrà il naso leggermente più avanti di Safari, Firefox come sosterrà inoltre, legature in contrasto. Anche se questi due browser anche alcuni dettagli sono migliorati, così è il supporto di @ font-face, ma un buon segno. A proposito, ei responsabili di altri browser per dare sotto pressione, e prima o poi, si spera anche il supporto di Internet Explorer.

Link correlati:
Definizione del W3C
Confronto Safari / Firefox
Typografie.info - Integrazione font nelle pagine Web

Nessun Commento

Posted in Graphic & Design

Tipograficamente corretto preventivo marchi

9 gennaio

Dopo che è stato recentemente frequentemente Analytics e del marketing, è giunto il momento di scrivere ancora un articolo sulla tipografia.

L'uso delle virgolette falso è probabilmente uno degli errori più comuni tipografici. A seconda della lingua del testo dovrebbe impostare le opzioni corrette sono utilizzati. Su Internet, ma marchio molto spesso a torto pollici (") come le virgolette utilizzate. Questo non è corretto, invece di questo, le varianti vengono utilizzate le seguenti. voci non confermate verranno quotazioni sotto tale falsa saltellare in questo blog qui: o) - Ma tuttavia voglio sottolineare come dovrebbe essere il modo corretto.

cita il tedesco
Nei testi in lingua tedesca sono simili alle citazioni delle figure 99 e 66 All'inizio di una virgoletta in fondo e alla fine di una virgoletta "nella serie superiore. Come opzione alternativa o, se le virgolette sono utilizzati nell'ambito degli attuali quotazioni le varianti di questo semplice e citazioni successive sono disponibili (').

Una volta che questi caratteri sulla tastiera non possono essere disponibili i caratteri sono generati tramite scorciatoie da tastiera.

Citazioni all'inizio:
- Windows: ALT + 0.132
- Mac OS: + Option

Le virgolette alla fine:
- Windows: ALT + 0.147
- Mac OS: Option + 2

Su siti web è la corretta rappresentazione del seguente codice richiede:
„Text“

Questa variante della citazione è utilizzata anche in altre lingue come l'islandese, bulgaro, rumeno, slovacco, sloveno, ecc.

Alternative tedesco cita
In alternativa, in testi in lingua tedesca del seguente variante è spesso utilizzato. "
Questa variante viene spesso utilizzato perché questo personaggio molto bene essere inseriti nel testo e quindi la portata del testo non è interrotto da Weißräume.

Le seguenti combinazioni di tasti possono essere generati caratteri:

Citazioni all'inizio:
- Windows: ALT + 0.187
- Mac OS: Option + Shift + Q

Le virgolette alla fine:
- Windows: ALT + 0.171
- Mac OS: Option + Q

Su siti web è la corretta rappresentazione del seguente codice richiede:
„Text“

Inglese cita
In altri testi in lingua inglese virgolette sono usate. Qui, la mnemonica è 66-99, ma entrambi i personaggi sono indicati sopra. All'inizio si ottiene quindi questo marchio ", e alla fine del successivo. Le scorciatoie da tastiera sono:

Citazioni all'inizio:
- Windows: ALT + 0.147
- Mac OS: Option + 2

Le virgolette alla fine:
- Windows: ALT + 0.148
- Mac OS: Option + Maiusc + 2

Siti è sulla corretta presentazione richiede il seguente codice.
“Text”

virgolette francesi (guillemets)
Guillemets essere chiamato le virgolette francesi. In contrasto con la variante alternativa tedesca mostra i picchi Inthe variante francese di distanza dal testo. Questo produce i seguenti caratteri: ""

Le scorciatoie da tastiera sono:

Citazioni all'inizio:
- Windows: ALT + 0.171
- Mac OS: Option + Q

Le virgolette alla fine:
- Windows: ALT + 0.187
- Mac OS: Option + Shift + Q

Su siti web è la corretta rappresentazione del seguente codice richiede:
«Text »

Questa variante della citazione è utilizzata anche in altre lingue come il greco, portoghese, arabo, ecc.

Nessun Commento

Posted in Graphic & Design