A Guide To Typography On The Web | Fonts | PelFusion Design Magazine

A Guide To Typography On The Web | Fonts | PelFusion Design Magazine
traduzione di Google:

Il web è vivo e sempre più attivi con ogni nuovo giorno. The increasing number of sites that crop up on the daily shows no signs of slowing, and as the online ranks grow, designers are constantly looking for ways to make their sites stand out from the rest. Il crescente numero di siti che compaiono su ogni giorno non mostra segni di rallentamento, e le file online crescono, i progettisti sono costantemente alla ricerca di modi per rendere i loro siti si distinguono dal resto. As this brainstorming scramble begins, some designers are turning their attention to the typography of their sites to make this all important impression. Poiché questo scramble brainstorming inizia, alcuni progettisti stanno rivolgendo la loro attenzione alla tipografia dei loro siti per rendere tutto questo impressione importante. And though the wells from which to choose your site fonts is growing, designer 's are still finding their hands somewhat tied as to which fonts can be safely used knowing they can be viewed properly by the online masses. E anche se i pozzi da cui scegliere i font del sito è in crescita, designer s 'ancora sta trovando un po' le mani legate per quanto riguarda i font che può essere tranquillamente usato sapendo che possa essere visualizzato correttamente dalle masse online.
Once upon a time on the web, the only way to include these non-standard types, was to build them into or simply plug them in as images. C'era una volta sul web, l'unico modo per includere questi tipi non-standard, era quello di costruire in loro o semplicemente li collegano come immagini. Some even went so far as converting all of a site's body text into an image, much like we do with headers. Alcuni addirittura si spinse fino convertendo tutti del corpo del testo di un sito in un'immagine, proprio come facciamo con le intestazioni. Without realizing that they were compromising the site's SEO and search capabilities, given that the keyword rich content that generally steers people in your site's direction was no longer searchable. Search engines saw these sites as merely images, no text to check against relevant queries. Senza rendersi conto che essi erano compromettenti sito SEO il e capacità di ricerca, dato che i ricchi contenuti parola chiave che orienta in genere persone in sito direzione la tua non era più consultabile. I motori di ricerca ha visto questi siti, solo immagini, senza testo di controllo contro le ricerche pertinenti. So there was a time that effective, stylish typography was a rarity on the web, but the times they are a changing! Quindi c'è stato un tempo che efficace, elegante tipografia era una rarità sul web, ma i tempi stanno cambiando uno!
Now as doors are starting to open for designers in the typography arena affording us more opportunities to turn to making our web designs standout through well used and styled type. Ora, come stanno iniziando a porte aperte per i progettisti in ambito tipografia ci offra maggiori opportunità di rivolgersi a rendere il nostro web design standout attraverso utilizzati bene e in stile tipo. Now with more people able to turn the bulk of their site's style in more of a typographical direction, the beauty of the web is growing. Ora, con più persone in grado di girare la maggior parte dello stile del proprio sito in più di una direzione tipografica, la bellezza del web è in crescita. However, when turning to type in this way there are some considerations to be made to make sure your type is aiding your design and not taking away from it. Tuttavia, quando girando per digitare in questo modo ci sono alcune considerazioni da effettuare per assicurarsi che il tipo è aiutare il vostro disegno e non togliendo da esso. It is not as simple as just plugging in a font and that's that. Non è così semplice come collegare un tipo di carattere e il gioco è fatto. So below is gathering of helpful hints and resources , terms and tools, and more, to help you make the most of the typography in your web designs. Così in basso è la raccolta di utili suggerimenti e risorse , modalità e strumenti, e più, per aiutarvi a sfruttare al meglio la tipografia nei vostri progetti web.

Web Safe Fonts Web Fonts Safe

Web-safe fonts are fonts likely to be present on a wide range of computer systems, and used by web content authors to increase the likelihood that content will be displayed in their chosen font. Web-safe font sono i caratteri possono essere presenti su una vasta gamma di sistemi informatici, e utilizzati da contenuti web autori per aumentare la probabilità che i contenuti verranno visualizzati nel loro carattere scelto. If a visitor to a website does not have the specified font, their browser will attempt to select a similar alternative… Se un visitatore di un sito web non ha il carattere specificato, il browser tenterà di selezionare un'alternativa simile ...

With the future of web typography and its promise of an expanding landscape through services like Typekit and developments like @Font-Face, both of which will be talked about more later in the post, web designers are hoping for a day when they will not have to concern themselves much with the issue of only having a handful of web safe fonts to work with. Con il futuro della tipografia web e la sua promessa di un paesaggio in espansione attraverso servizi come Typekit e sviluppi come @ font-face, entrambi i quali si parlerà più avanti nel post, web designer sperano in un giorno in cui essi non hanno di preoccuparsi molto con il problema di avere soltanto una manciata di font web sicuro con cui lavorare. However, though this new day is working its way onto the horizon, that time is not quite here yet. Tuttavia, se questo nuovo giorno sta lavorando sul suo modo l'orizzonte, che il tempo non è abbastanza ancora qui. So for the time being, designers need to be aware of what web safe fonts are currently available for use. Quindi per il momento, i progettisti devono essere consapevoli di ciò font web safe sono attualmente disponibili per l'uso. While again, this does still have its limitations, it still allows for a bit more flexability of font choice to complete your design. Mentre ancora una volta, questo non hanno ancora i suoi limiti, permette ancora per un po 'più flexability di scelta dei font per completare il vostro disegno.
For more on web safe fonts check out dustinbrewer.com. Fonts on the web and a list of web safe fonts . Per maggiori informazioni sul web fonts sicuro check out dustinbrewer.com. Fonts sul web e un elenco di sicuro i web fonts . This site gives you a graph of all web safe fonts as well as which OS you will find each on. Questo sito fornisce un grafico di tutti i font web safe, nonché quale sistema operativo si trova su ciascuno.

Font Stacks Font Stacks

Font stacks are a great use of CSS and allow desigers to expand the font options that they have at their disposal when they are building their sites. pile di carattere sono un grande uso di designers CSS e permettono di espandere le opzioni di carattere che hanno a loro disposizione quando si stanno costruendo i loro siti. Font stacks allow you to expand upon and go a bit farther in your design than just being limited to the web-safe fonts listed above. pile Font consentono di espandere e passare un po 'più in là nel design che essere limitato ai font web-safe sopra elencati. There are a number of other fonts that most users have on their computers that can be called on by your design, and with font stacks you are able to essentially establish a font hierarchy for your design to scan through. Ci sono un certo numero di altri caratteri che la maggior parte degli utenti hanno nei loro computer che può essere chiamato dal vostro disegno, e con pile tipo di carattere si è in grado di stabilire una gerarchia di carattere essenzialmente per la progettazione per la scansione attraverso. You are basically building a virtual wishlist of font choices for your design to look for, and if the user viewing the site has those fonts stored on their machine, your code will plug the font in. And the font stacks are even stackable, so multiple stacks can be employed in one design, allowing for even more flexability. Tu sei fondamentalmente la costruzione di una wishlist virtuale di scelte di carattere per il vostro disegno per cercare, e se l'utente che visualizza il sito ha i font memorizzati sul proprio computer, il codice verrà presa il carattere dentro e le pile di carattere sono anche sovrapponibili, in modo più pile possono essere impiegati in un disegno, consentendo flexability ancora di più.
The generic font stack is typically: Ideal, Alternative, Common, Generic which will look like the example below. Il carattere generico stack è tipicamente: Ideale, Alternative, comune, generico, che apparirà come nell'esempio qui sotto.
h2 {font-family: helvetica neue, helvetica, arial, sans-serif;}

Further font stack reading Ulteriori font stack lettura

The Unit Blog gives a great explanation of font stacks and the correct way to use them, as well as some sample stacks you may want to give a try in their post, Better CSS Font Stacks . Il Blog Unità dà una grande spiegazione di stack di carattere e il modo corretto di usarli, così come alcune pile di esempio si potrebbe voler dare una prova nel loro post, Better Font CSS Stacks .

Inspiration Bit also has a really good article on font stacks that points to many must read posts on the topic. Ispirazione Bit ha anche un buon articolo davvero a pile tipo di carattere che fa riferimento a molti devono leggere i post sul tema. They also give you examples of a few sites with outstanding web typography, and fill you in on the font stacks that are used on them. Striking Web Sites with Font Stacks that Inspire . Hanno anche dare esempi di alcuni siti web con tipografia in sospeso, e vi riempia in su le pile tipo di carattere che vengono utilizzati su di esse. Colpire di siti Web con Font Stacks che Inspire .

Areas to Consider Aree da considerare

Here are a few tips for you to consider on ways to make your type shine, and some of the main text areas of your site where you will want to choose your fonts carefully. Ecco alcuni suggerimenti da prendere in considerazione sui modi per rendere il vostro tipo di brillare, e alcune delle principali aree di testo del vostro sito dove si vuole scegliere i font con attenzione.

Body Text Corpo del testo

Choosing the appropriate body text could very well be the most important part of the typography process. La scelta del testo appropriato corpo potrebbe benissimo essere la parte più importante del processo di tipografia. This is the main content of your site and if your visitors can't read it well, they most likely won't be back. Questo è il contenuto principale del tuo sito e se i visitatori non riesce a leggerlo bene, molto probabilmente non tornerà.

Headlines Prima pagina

Styling a great headline is one of the best ways to add a bit of flare to your site. Styling un titolo grande è uno dei migliori modi per aggiungere un po 'di vivacità al tuo sito. It is not always enough to find the right font, you also need to take time to adjust the spacing, etc, to make it perfect. Non è sempre sufficiente a trovare il font giusto, è anche bisogno di tempo per regolare la spaziatura, ecc, per renderla perfetta.
While CSS image replacement and sIFR can be used for headlines, I am not going to cover them here since they are not always ideal. Mentre la sostituzione di immagini e CSS sIFR può essere utilizzato per i titoli, non ho intenzione di coprire qui dal momento che non sono sempre ideali. However, if you would like more info on both, here are some links. Tuttavia, se desiderate maggiori informazioni su entrambi, ecco alcuni link.

• Wikipedia article on sIFR Articolo Wikipedia su sIFR
• http://www.mikeindustries.com/blog/sifr/ http://www.mikeindustries.com/blog/sifr/
• Implant sIFR3 – A Healthy Alternative to Browser Text Implant sIFR3 - Una sana alternativa al browser di testo
• Nine Techniques for CSS Image Replacement Nove Tecniche per la sostituzione delle immagini CSS
• Is CSS Image Replacement OK for SEO? È la sostituzione CSS Image OK per il SEO?
• Using non standard fonts with CSS image replacement Utilizzando font non standard con sostituzione delle immagini CSS

Quick Tip Suggerimento rapido

Combine serif & sans-serif fonts to break up the monotony of the page. Combina serif e sans-serif font per rompere la monotonia della pagina. For example, use one for headlines and the other for body text. Ad esempio, utilizzare uno per i titoli e l'altro per il corpo del testo. Here is a great post about the mixing up of fonts. 7 Rules for Mixing Multiple Fonts in Good Web Design Qui è un grande post circa la costituzione di miscelazione dei font. 7 Regole per miscelazione più font Good Web Design

BlockQuotes Blockquote

Blockquotes provide a great opportunity to add some style to your page and break up long spans of text. Blockquote una grande occasione per aggiungere un certo stile alla tua pagina e rompere le portate lunghe di testo. Styling them apart from the rest of the body text, and in fact including style for them in the CSS at all, can be an effective means of highlighting certain areas of your web presentation. Styling li distingue dal resto del corpo del testo, e di fatto anche per loro stile nel CSS a tutti, può essere un mezzo efficace per evidenziare alcune zone della presentazione web.

Readability Leggibilità

Above all, the main thing to keep in mind as you reach for new ground and dare to be different with your typography, is readability. Soprattutto, la cosa principale da tenere a mente come si raggiunge per un nuovo terreno e il coraggio di essere differenti con il tuo tipografia, è la leggibilità. There is no point in putting words on your website if, by and large, most people will not be able to read them. Non ha senso mettere in parole sul vostro sito web se, in generale, molte persone non saranno in grado di leggerli. Consider your fonts carefully for this reason. Considerate la vostra attenzione font per questo motivo. Maybe there is a reason no one else is using that font you are salivating to have for your design. Forse c'è una ragione che nessun altro sta usando il font che si sta sbavando per avere per il vostro disegno.
If there is any element that you add, or just any characters within your font family that interfere in any way with the readability of your typography choice, you may seriously want to reconsider. Se c'è qualche elemento che si aggiunge, o semplicemente i caratteri all'interno della vostra famiglia di font che interferiscono in alcun modo con la leggibilità di vostra scelta tipografia, potrebbe voler riconsiderare seriamente. With so many sites populating the web, surfers are not going to take the time to try to decipher exactly what it is they are reading, they will simply move on to another site covering the same information with a much more readable presentation. Con tanti siti che popolano il web, i navigatori non stanno andando a prendere il tempo per cercare di decifrare esattamente che cosa è che stanno leggendo, saranno semplicemente passare a un altro sito che coprono le stesse informazioni con una presentazione molto più leggibile.

Quick Tip Suggerimento rapido

Don't underline text that isn'ta link. Non sottolineare il testo non è un tale collegamento. It's better to use strong or em to highlight text, to help avoid any confusion for your readers. E 'meglio usare una forte em o per evidenziare il testo, per evitare qualsiasi confusione per i vostri lettori.

Contrast Contrasto

One area to look at when you examine readability which can impact the overall presentation, is contrast. Un settore da controllare quando si esamina la leggibilità che può influire sulla sua presentazione complessiva, è il contrasto. You don't want your readers to have to strain their eyes trying to read pale pink text and a pale blue background for one hideous example. Voi non volete i vostri lettori di avere per la tensione gli occhi cercando di leggere il testo rosa pallido e di un azzurro pallido sfondo per un esempio orribile. An easy way to check for the proper contrast for your site is to look at it in grayscale. Un modo semplice per verificare il contrasto corretto per il vostro sito è quello di vedere le cose in scala di grigi. This is a sure fire way to reveal any areas where the type may not have enough contrast to be easily read. Questo è un modo sicuro fuoco per rivelare le aree in cui il tipo non possono avere abbastanza contrasto per facilitarne la lettura.
If you can read it fine via grayscale, then chances are, your readers will not experience any issues with contrast readability either. GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page's perceived contrast. Se riesci a leggere bene attraverso gradazioni di grigio, quindi le probabilità sono, i tuoi lettori non si verificano problemi con la leggibilità di contrasto sia. GrayBit è uno strumento di test di accessibilità progettato per convertire visivamente un colore web-page completa in una riedizione in scala di grigi a scopo di contrasto percepito visivamente test della pagina.

Size Dimensioni

In this case, size does matter. In questo caso, le dimensioni contano. Try not use smaller than 12-14pt type for body text. Cercate di non utilizzare più piccolo di tipo 12-14pt per il corpo del testo. Maybe stay closer to 14 than 12 so that once again, you do not make your readers strain their eyes just to read your content. Forse stare più vicino a 14 a 12 in modo che ancora una volta, non si fanno i tuoi lettori ceppo gli occhi solo a leggere il contenuto. I also suggest you set your type using em instead of px so that the user can resize the font themselves to a pleasant reading size. Propongo inoltre di impostare il tipo di utilizzo em invece di px in modo che l'utente può ridimensionare gli stessi caratteri di una dimensione di piacevole lettura.
A List Apart has a fantastic and very in-depth article on how to reconcile the designer's requirement for accuracy with the user's need to resize text on demand, arriving at a best practice that satisfies designers and users and works across browsers and platforms. How to Size Text in CSS A List Apart uno e molto approfondito articolo fantastico su come conciliare progettista requisito il per la precisione con dell'utente bisogno di ridimensionare il testo su richiesta, arrivando ad una best practice che soddisfi i progettisti e gli utenti e funziona su browser e piattaforme. Come Dimensioni testo in CSS

Font Eligibility Font Ammissibilità

Just because you can, does not always mean that you should. Solo perché è possibile, non sempre significa che si dovrebbe. Steer clear of using all uppercase fonts for body copy. chiara di utilizzare tutti i caratteri maiuscoli per copia corpo Steer. This goes back to some of the basics of design theory concerning the way we visually scan for variance between the letters in a word in order for our eyes to take it in. Using all caps has a tendency to disrupt this variant flow. Questo risale ad alcune delle basi della teoria di progettazione relativa al modo in cui visivamente scansione per la varianza tra le lettere di una parola in modo che i nostri occhi di prenderlo in Usando tutti i tappi ha la tendenza a interrompere questo flusso di variante.
Another eligibility concern that effects readability, is also an area of contention in the design community. Un'altra preoccupazione di ammissibilità che la leggibilità effetti, è anche uno spazio di contesa nella comunità del design. There are ongoing debates about which is better for the body text of a website, serif or sans-serif. Ci sono dibattiti in corso sulla quale è meglio per il corpo del testo di un sito web, serif o sans-serif. IMO it is all a matter of personal preference, and so long as the readability remains uneffected, it is okay to use either. IMO è tutta una questione di preferenze personali, e fintanto che la leggibilità rimane insensibile, va bene utilizzare.

The Size of Text Blocks La dimensione dei blocchi di testo

Especially with more text heavy areas of the site, you want to establish an easy flow for the type to keep from turning anyone away. Specialmente con le aree di testo più pesante del sito, si desidera stabilire un flusso facile per il tipo per evitare di trasformare chiunque distanza. Keep text blocks short and easily scannable for the sake of both your readers and your content. Mantenere i blocchi di testo breve e facilmente leggibile per il bene di entrambi i tuoi lettori ei tuoi contenuti.

Spacing Spaziatura

Another element of your selected font to consider, especially with regards to readability and appearance, is the spacing. Un altro elemento del tuo carattere selezionato da considerare, soprattutto per quanto riguarda la leggibilità e l'aspetto, è la spaziatura. For example. Per esempio. New Times Roman doesn't make a great headline font until the spacing is adjusted. Times New Roman non fa una grande fonte titolo fino a quando lo spazio è adeguato. All around, not just between words, but between individual letters. Tutto intorno, non solo tra le parole, ma tra le singole lettere. Sometimes certain letters line up oddly next to one another in your chosen font, and it can impair the readers ability to quickly scan your words, breaking their flow. A volte certa linea lettere fino stranamente uno accanto all'altro nel carattere scelto, e può compromettere la capacità dei lettori di controllare velocemente le tue parole, interrompendo il flusso. Be it for your body text or headlines, whatever the type may be for, pay attention to the spacing. Sia per il vostro corpo del testo o titoli, qualunque sia il tipo può essere per, prestare attenzione alla spaziatura.

• letter-spacing – The spacing between each individual letter letter-spacing - La distanza tra ogni singola lettera
• word-spacing – The space between each word word-spacing - Lo spazio tra ogni parola
• line-height – The space between each line of type. line-height - Lo spazio tra ogni riga di testo.

Use Hierarchy Effectively (h1 – h6) Utilizza Gerarchia efficace (H1 - H6)

There are a number of different headers that you can use in your stylesheet, six in fact. Ci sono un certo numero di intestazioni differenti che potete utilizzare nel foglio di stile, sei in realtà. You can assign each different sizes and styles in order to steer your reader through the site. È possibile assegnare ogni dimensioni e stili diversi in modo da guidare il lettore attraverso il sito. This heirarchy of the page is an important guide for the readers eyes, essentially letting them know what's important. Questa gerarchia della pagina è una guida importante per gli occhi dei lettori, in sostanza, facendo loro sapere che cosa è importante. Use this hierarchy stylishly to the advantage of your content and design. Utilizzare questa gerarchia con stile a vantaggio del contenuto e design.
CSS Globe has a very helpful article listing the dos and don'ts of using headers. How to use headings in HTML . CSS Globe ha un articolo molto utile l'elenco delle cose da fare e non fare di intestazioni usando. Come usare le intestazioni in HTML .

Code Symbols Correctly Simboli codice correttamente

Below are the most common offences but make sure you check out this complete list of special HTML characters to make sure you are not committing any other type crimes. Qui di seguito sono i reati più comuni, ma assicuratevi di controllare questo elenco completo dei caratteri speciali di HTML per assicurarsi che non stanno commettendo crimini di ogni tipo.

• Quotes – use “ at the beginning of the quote and ” for the end. Citazioni - uso “ all'inizio della citazione e ” per la fine.
• Apostrophe – ' Apostrophe - '
• Dashes – use – for an en dash and — for an em dash I trattini - utilizzare – per un trattino e — per una lineetta
• Elipses – … Ellissi - …

For a Beautiful Web tells you how to improve elements such as parentheses, copyright symbols, bullets, etc using baseline shift in, Improve your web typography with baseline shift . Per una bellissima rete vi dice come migliorare elementi come parentesi, simboli di copyright, pallottole, ecc spostamento linea di base con in, Migliora la tua tipografia web con spostamento linea di base .

Future of Web Typography Futuro del Web Typography

We mentioned before that things are changing and options are opening up for designers as we continue to move forward. Abbiamo detto prima che le cose stanno cambiando e le opzioni si stanno aprendo per i progettisti, mentre continuiamo ad andare avanti. Two very important facets to that changing landscape are @Font-Face and Typekit. Due aspetti molto importanti a questo panorama in costante evoluzione sono @ font-face e Typekit. Hopefully these door openers will continue to expand the font base for designers in the future. Speriamo che questi apriporta continuerà ad ampliare la base dei caratteri per i progettisti in futuro.

@Font-Face @ Font-face

At first glance @font-face seems like it would be the answers to all of our web typography prayers, by allowing you to embed the font in your design. A prima vista @ font-face sembra che sarebbe la risposta a tutte le preghiere web nostra tipografia, consentendo di incorporare il font nel vostro disegno. However, the main drawback is that to use a particular font with @font-face, that font has to be licensed for @font-face linking & embedding, because the font is then available for users to download. Tuttavia, il principale svantaggio è che per usare un font particolare con @ font-face, che tipo di carattere deve essere concesso in licenza per @ font-face di collegamento e l'incorporamento, perché il carattere è quindi disponibile agli utenti per il download. So while this is moving us forward, the movement is still slow going. Così, mentre questo ci sta andando avanti, il movimento è ancora lento andare. Below is a sample of the code used to embed @font-face fonts. Di seguito è riportato un esempio del codice utilizzato per incorporare @ font-face.

@font-face {
font-family: FontName; /* Define font-family name (can be anything you like) */
src: url(font.ttf); /* Point to the font file on your server */
}
body { body {
font-family: FontName, serif; /* Sets the uploaded font as the primary font for the site (make sure you use the name defined above) */ font-family: FontName, serif; / * Imposta il font caricato come il carattere principale del sito (assicurarsi di utilizzare il nome definito sopra) * /
} }

George Butler gives an in depth look at the state of @font-face along with its strengths and limitations in the post, 10 Years Later – The Current State of @Font-Face . George Butler dà uno sguardo in profondità lo stato di @ font-face con i suoi punti di forza e limiti nel post, 10 anni dopo - l'attuale stato di @ font-face .

Theme Forest not only gives a description of @font-face but also gives a list of 15 fonts whos licenses allow for its use in, CSS @Font-Face and 15 Free Fonts You Can Use Today . Tema Forest non solo fornisce una descrizione di @ font-face, ma fornisce anche una lista di 15 font titoli whos consentire il suo utilizzo in, CSS @ font-face e 15 font gratuiti potete usare oggi .

Typekit Typekit

Typekit is another way that the font well is expanding its reach for designers, though not a free one. Typekit è un altro modo che il tipo di carattere e sta ampliando la sua portata per i progettisti, anche se non uno gratuito. Much like with @Font-Face, especially since it is uses the @font-face CSS, certain fonts are registered with Typekit which makes them available in your design through a CSS link to the Typekit servers if you are a subscriber. Proprio come con @ font-face, soprattutto perché è usa la @ font-face CSS, alcuni caratteri sono registrati con Typekit che li rende disponibili nel proprio progetto attraverso un link CSS per i server Typekit se sei un abbonato.
For A Beautiful Web offers a little insight into Typekit with the post, First Impressions of Typekit . A Beautiful Web offre una visione poco in Typekit con il post, Prime impressioni di Typekit .
Also be sure and check out this interview with Typekit creator Jeff Veen via Sitepoint's Podcast #23 – Web Fonts With Jeff Veen . Anche essere sicuri e check out questa intervista con il creatore di Typekit Jeff Veen via Sitepoint's Podcast # 23 - Con i Web Font Jeff Veen .

Useful Tools for Web Typography Strumenti utili per la Tipografia Web

• Typetester allows you to compare three different type settings side by side. Typetester ti permette di confrontare tre differenti impostazioni di tipo fianco a fianco.
• Typechart lets you flip through, preview and compare web typography while retrieving the CSS. Typechart ti permette di sfogliare, visualizzare in anteprima e confrontare tipografia web durante il recupero dei CSS.
• What The Font allows you to submit an image and find the closest matches in the WTF database. What The Font ti consente di inviare un'immagine e trovare le corrispondenze più nel database WTF.
• CSS Typeset is sort of a WYSIWYG editor for type. CSS comporre è una sorta di editor WYSIWYG per il tipo. Put in your type, select the settings you want and get the CSS automatically. Metti nel tuo tipo, selezionare le impostazioni desiderate e ottenere il CSS automaticamente.
• PXtoEm offers an easy way to convert px to em. PXtoEm offre un modo semplice per convertire px a em.