Arhiva pentru tagul “Fonturi”

FontSquirrel.com: 226 de familii de fonturi cu diacritice româneşti

Cel puţin aşa susţine Cristian de la Tastatura.info căruia îi mulţumesc pentru semnalare.  Mergeţi aici şi veţi găsi direct secţiunea pentru limba română. Despre sit s-a scris prima oară aici în 2010, de către Jurgen, când nu existau secţiuni pe limbi. Uite ce frumos acum că noi, românii, ne putem găsi fonturile fără să navigăm ca disperaţii într-o mare de fonturi din care prea puţine ţin seama de noi. Desigur, e o evoluţie îmbucurătoare aceea a fonturilor ce includ diacritice pentru tot/cât mai multe limbi.

imagine

Desigur, puteţi vedea cum arată diacriticele, cu diversele variaţii şi la diverse dimensiuni. Din păcate – dar problema nu are legătură cu diacriticele – unele fonturi nu arată bine pentru scris paragrafe, deşi ar părea. …


FontTown are vreo 30.000 de "locuitori"

Ca unul care uneori – nu foarte des – sunt în căutare de fonturi, în special pentru tipar, mai puţin pentru webdesign, sunt bucuros că am dat de FontTown, un sit care nu este de ieri, având ceva vechime. Recent înţeleg că a trecut printr-o schimbare de design. Cert e că arată aerisit şi este simplu de folosit. Minus mare: nu este uşor să găseşti fonturi cu caractere folosite în limbi est-europene, mai exact cu diacritice cum folosim noi. Nu imposibil, dovadă că după câteva încercări am dat de Chams, care are… ceva… mai salată ca diacritice (vedeţi ţ versus ş).

imagine

După cum vedeţi mai jos – şi de fapt după cum ne-am aştepta -, situl are categorii ce ne …


Fonturi cu iconiţe: crearea lor online (V)

Fonturile cu iconiţe sunt la modă acum şi nu pe nedrept: sunt de mare ajutor pentru webmasteri. Hai că de mult nu am mai spus aceasta :). Am prezentat patru soluţii şi astăzi vă mai propun două. Şi gata. Până când nu dau de altele. O să începem cu Fontello.com, care reciclează ideea şi fonturi din soluţii anterioare. Avem câteva fonturi disponibile (putem adăuga SVG-uri proprii sau fonturi bazate pe SVG-uri), după care putem configura numele (cele implicite sunt oricum utile), eventual mai vezi diversele configurări posibile şi descarci webfontul.

imagine

În fine, ar fi de notat şi FontCustom, dar care nu este tocmai o soluţie online ci offline de creare. În plus eu nu văd decât indicaţii pentru OS X …


Iconion: iconiţe extrase din fonturi

V-am obsedat zilele acestea cu fonturi cu iconiţe. Acum avem în faţă un program care dacă ar fi putut să lucreze cu orice font cu iconiţe ar fi fost mină de aur. Poate o versiune viitoare? Poate o versiune comercială? Vom vedea. Şi aşa softul este extraordinar. Că lucraţi sub Windows sau sub Mac, Iconion vă aşteaptă să îl descărcaţi. După lansare veţi vedea ceva ca mai jos. În stânga sunt patru opţiuni de fonturi cu iconiţe. Alegeţi una şi o veţi vedea în zona de previzualizare. În dreapta aveţi stilurile de aplicat, iar aici este centrul lui de greutate.

imagine

Numărul e stiluri este variat, cu tot felul de efecte, iar pentru cei ce vor să fie mai în control, sub galeria …


Fonturi cu iconiţe: crearea lor online (IV)

Fonturile cu iconiţe sunt la modă acum şi nu pe nedrept: sunt de mare ajutor pentru webmasteri. Hehe :). Da, iar acelaşi subiect, dar acum situl propus depăşeşte sfera fonturilor cu iconiţe. De fapt FlatIcon.com este un uriaş depozit de iconiţe („plate”, aţi prins ideea), ce se pot descărca şi ca font, dar şi ca SVG, PSD sau PNG, pentru diverse utilizări. Puteţi începe de la categorii şi veţi rezolva rapid dacă vă trebuie vreo săgeată, vreo imagine pentru butonul de contact sau într-un design vreţi să includeţi un simbol legat de video/audio…

imagine

Puteţi să porniţi şi de la pachete, indicându-se frumos la fiecare pachete câte zeci sau sute de iconiţe cuprinde. Daţi click alegându-le pe cele dorite, …


Fonturi cu iconiţe: crearea lor online (III)

Fonturile cu iconiţe sunt la modă acum şi nu pe nedrept: sunt de mare ajutor pentru webmasteri. Ups, am mai spus-o deja de două ori (avertisment: şi o să o mai spun). Mă opresc acum la IcoMoon care merge pe aceeaşi idee, ieşind în evidenţă cu unele facilităţi pe care le vom evidenţia. Căci în rest avem ce ne aşteptăm: câteva sute de iconiţe gratuite (mai multe dacă plătim) cu care ne putem crea propriul font, descărcabil şi utilizabil imediat. Şi, da, putem folosi şi SVG-uri proprii (pe care le avem local, pe calculator) pentru a crea un font.

imagine

Webmasterii (unii, clar) vor fi încântaţi de faptul că IcoMoon se oferă să găzduiască fonturile create, dar doar în …


Fonturi cu iconiţe: crearea lor online (II)

Fonturile cu iconiţe sunt la modă acum şi nu pe nedrept: sunt de mare ajutor pentru webmasteri. Ups, am mai spus-o adineaori. Acum însă am în faţă o altă soluţie: Fontastic.me. Dacă aveţi răbdare, urmăriţi clipul de prezentare de pe prima pagină. E expresiv. Ce mă bucură este că Fontastic.me asigură că va rămâne 100% gratuit. Şi oferă vreo 9.000 de iconiţe… dar doar câteva sute gratuite, restul dacă plăteşti. Dar şi fără plată punctul de plecare e suficient de bogat. După cum vedeţi mai jos, primul pas este să alegi unul dintre fonturile existente şi să selectezi ce iconiţe îţi plac.

imagine

În pasul doi poţi să atribui caracterele dorite la iconiţele alese. Important este că în continuare permite să …


Fonturi cu iconiţe: crearea lor online (I)

Fonturile cu iconiţe sunt la modă acum şi nu pe nedrept: sunt de mare ajutor pentru webmasteri. M-am bucurat să aflu de Glyphter.com, un sit gratuit (care sper din inimă să rămână gratuit), cu ajutorul căruia îţi poţi crea propriul font cu iconiţe după cum ai nevoie. Desigur, poţi descărca de pe net tot felul de astfel de fonturi, dar dacă tu foloseşti 3-5 imagini (caractere) de ce să incluzi în proiectul tău 30-40 de imagini? Şi dacă îţi plac iconiţe din trei fonturi diferite? Le incluzi pe toate când îţi trebuie doar unele iconiţe?

imagine

Ei bine, Glyphter face o treabă EXCELENTĂ! După cum observaţi, în dreapta sunt nişte iconiţe propuse. În fapt sunt acum 16 resurse (fonturi cu iconiţe) din …


Efecte speciale pentru fonturile Google

Fonturile Google sunt o realitate prezentă pe multe situri. Uşor de încorporat, estetice, foarte bune dacă alegi cele ce au şi caracterele specifice limbii noastre. Între cei care le folosesc poate sunt unii care nu ştiu de efectele speciale care pot fi aplicate. În timp ce facilitatea e marcată cu beta (de mult timp) poate fi totuşi folosită cu încredere. Nu cred că este genul de facilitate care să fie retrasă în timp. Cât priveşte cum se face efectiv, vă recomand să mergeţi aici, în documentaţie.

imagine

În principiu munca se reduce la includerea fontului (adăugăm parametrul effect, indicând apoi efectul) şi la tagul de „învelire” a textului (div, p sau ce folosim). Veţi regăsi acolo şi un tabel …


Font Awesome e simplu de folosit

În timp ce Font Awesome a fost gândit pentru Twitter Bootstrap, proiectul poate fi de folos şi independent. Chiar în această pagină îl folosesc, demonstrativ, şi puteţi să vedeţi în sursă ce simplu este. Totul porneşte de la includerea fontului, fie descărcându-l şi încărcându-l pe serverul Dvs, fie apelându-l dintr-o locaţie unde există deja (vedeţi aici prima recomandare de utilizare). Trecând de acest pas puteţi să îl folosiţi apelând la tagul <i>, punând clasa „fa” şi apoi indicând numele icoanei, de exemplu fa-arrows. Dacă vom scrie fa-2x icoana va apărea de două ori mai mare. Intuiţi atunci ce face fa-5x. Numele iconiţelor se găsesc aici.

image32

Mai jos câteva exemple cu mărimea normală, dublată şi triplată.

fa-briefcase fa-download

fa-arrows fa-cogs