Trova abbinamenti di font perfetti con questo generatore di font web
Il testo gioca un ruolo importante nel design di qualità. Ciò include sicuramente il web in cui la tipografia influisce sulla leggibilità. Con l'avvento dei webfonts è più facile che mai variare il testo della pagina e distinguersi dalle masse.
Se riesci a trovare le combo di caratteri perfette per le intestazioni, il testo della pagina, la navigazione e altre aree, sarai vicino a un design di layout eccezionale.
Il marchio ha creato questo generatore di font come strumento gratuito per aiutare i progettisti a trovare i caratteri tipografici . Funziona con qualsiasi browser e ti consente di scegliere tra tutti i 500 font gratuiti di Google.
Ecco come funziona: puoi selezionare da tre diversi tipi di font e modificarne le dimensioni + lo stile utilizzando i menu a discesa. Questi tre stili di carattere funzionano come tali:- Carattere del titolo: il titolo principale della pagina.
- Carattere accento: un carattere supplementare per le funzioni più piccole come le virgolette, i sottotitoli, i datetimes, ecc.
- Carattere corpo: il carattere utilizzato per tutti i paragrafi e il contenuto della pagina principale.
Ogni font si collega alla pagina principale di Google Webfonts dove puoi prendere il codice CSS per inserire i tuoi caratteri in qualsiasi pagina. Facile. Ma questo strumento diventa molto più complesso quando hai centinaia di font tra cui scegliere!
La tipografia Web è cambiata molto nel corso degli anni. Ora con i caratteri web è possibile abbinare facilmente i caratteri tipografici per fondersi con il marchio e il design del layout.
Con questo strumento, puoi scegliere di confrontare determinati tipi di carattere e varianti di carattere predefiniti da testare. In questo modo puoi decidere con chiarezza quale carattere del titolo sarà migliore sul tuo nuovo blog.
La mia unica lamentela però, la pagina si carica maledettamente lento .Anche se tecnicamente sta caricando più di 500 Webfonts Google sulla stessa pagina. Non c'è modo che sia veloce.
Ma a parte questo, devo dire che Brandmark è diventato uno strumento eccellente per i web designer. Vale la pena fare un test se non sei sicuro di dove iniziare con i font per il tuo nuovo progetto.
Come cambiare il testo predefinito Avvolgere con HTML e CSS
A differenza della carta, le pagine Web possono estendersi quasi all'infinito . Per quanto sia impressionante, non è qualcosa di cui abbiamo davvero bisogno durante la lettura. I browser avvolgono il testo in base alla larghezza del contenitore di testo e alla larghezza dello schermo in modo da poter vedere tutto il testo senza dover scorrere molto lateralmente (solo verso il basso).
Crea, controlla e personalizza la finestra modale migliore per il tuo sito usando Vex
Una finestra modale è molto utile quando vuoi far interagire gli utenti con il tuo sito . Occasionalmente, una finestra modale viene chiamata casella modale mentre la finestra viene utilizzata per visualizzare la finestra di dialogo . In un precedente articolo ti abbiamo guidato attraverso un tutorial su come creare finestre modali usando il Plugin Bootstrap.