Font minunat în limba rusă

anterior ◈ următoarea

Bootstrap + Font Awesome

Utilizați fonturi Awesome cu Bootstrap CSS.

  1. Copiați folderul cu fonturi Font Awesome la proiect.
  2. Apoi copiați font-awesome.min.css în proiectul dumneavoastră.
  3. Deschideți fișierul font-awesome.min.css și editați calea către fișierele de fonturi, dacă este necesar.

font Folder este relativ la (de mai sus), directorul cu CSS-fișiere.

  • în interiorul tag-ul HTML-pagini, pune un link către font-awesome.min.css.
  • Notă exemple de utilizare Font Awesome înainte de a începe să lucreze la proiectul dumneavoastră!






    • Integrarea personalizate Bootstrap + Font Awesome, cu mai puțin

    Utilizați această metodă pentru integrarea Font Awesome in Twitter Bootstrap folosind mai puține.

    1. Copiați folderul cu fonturi Font Awesome la proiect.
    2. Apoi copiați font-awesome.less directorul bootstrap / mai puțin.
    3. bootstrap.less Deschideți și înlocuiți @import "sprites.less"; pe @import "font-awesome.less";
    4. Deschideți fișierul font-awesome.less și editați @FontAwesomePath variabilă, astfel încât să indice către directorul cu fonturi.

    font Folder este relative (de mai sus), directorul de compilat CSS-files.

  • Recompilați dvs. mai puțin atunci când utilizați un compilator static. Într-un alt caz, toate gata pentru a merge.
  • Notă exemple de utilizare Font Awesome înainte de a începe să lucreze la proiectul dumneavoastră!

    • Integrarea personalizată Bootstrap + Font Integrare Awesome folosind SASS și SCSS

    Nu încerc să-l folosească într-un proiect de viu, așa că lasă-mă să știu dacă găsiți erori în fișiere Sass SCSS sau.

    Nu utilizați Bootstrap?

    Font Awesome - funcționează fără utilizarea de Twitter Bootstrap.

    1. Copiați folderul cu fonturi Font Awesome la proiect.
    2. Apoi copiați font-awesome.less sau font-awesome.min.css în dosarul proiectului.
    3. Deschideți font-awesome.less sau font-awesome.min.css și edita căile fonturilor (vezi. Exemplul de mai sus).
    4. Notă exemple de utilizare Font Awesome înainte de a începe să lucreze la proiectul dumneavoastră!






    Este nevoie de a sprijini IE7?

    lucrări Awesome Font în IE7. Condoleanțele mele în cazul în care acest lucru este important pentru tine.

    1. Adăugați un fișier font-minunat-ie7.min.css în dosarul proiectului.
    2. eticheta Din pagina HTML, adăugați o referință la font-minunat-ie7.min.css.
    3. Acum puteți apela cei care au nevoie de sprijin în IE7.

    O mulțime și o mulțime de exemple în stilul Twitter Bootstrap.

    Utilizați pictogramele noastre:

    • Liste (ca aceasta)
    • buton
    • Grupuri buton
    • navigare
    • Elemente de pre- și post-funcționare în intrare
    • Și multe altele în CSS

    Cooperare și asistență Font Awesome

    Font minunat în limba rusă

    Vrei sa ne ajutati in crearea unor icoane? Puteți crea pictogramele și le vom adăuga - alăturați-vă comunității noastre de pe GitHub.

    Cum de a adăuga pictograme noi?

    1. Descărcați șablonul icon-flag.pdf.
    2. Deschideți PDF-ul în Adobe Illustrator. Rețineți dimensiunea fișierului este 60x56. Această dimensiune ori de 4x de la un standard, lățimea și înălțimea 15 14. Pictogramele de șabloane este un exemplu de „pavilion“, utilizați-l ca martor.
    3. Desenați pictograma, asigurați-vă că este perfect. La un nivel minim, fiecare linie din piesa de prelucrat trebuie să fie de cel puțin 4px. Nu distribuiți pictograma și pixeli exact în mijloc, acestea sunt unse în timpul rendirovaniya. Setați zoom-ul cu 25% pentru a reprezenta ca o pictogramă va apărea atunci când rendirovaniya.
    4. Trimite-o pictogramă. Aruncări săpun Dave [email protected]. Asigurați-vă că subiectul mesajului corespunde modelului următor: [Font Awesome] [Icon Contribuție] icon-nume. nu uitați să atașați o bufniță fișier pdf cu pictograma. Dacă pictograma se adaugă la Font Awesome (Dave prea perfecționist și se aplică cerințe ridicate pe fiecare pictogramă) - Dave vă va suna pentru a clarifica informațiile de contact care vor fi adăugate la informațiile de pe creatorii de fonturi.

    Următorul plan pentru viitor.

    • Facilitarea auto-asamblare a fontului.
    • Mai multe pictograme. Orice idei? Adăugați o interogare pe pictograma în proiect Awesome Font pe GitHub.
    • Manual pentru tehnici CSS, în spiritul "Star Rating" (vezi mai sus.).

    I (Dave Gandy) designer de plumb în Kyruus. I (Dave Gandy) trezesc în fiecare zi, inspirat de munca sa. De ce? Kyruus - se va schimba sistemul de sănătate. Fără exagerare.

    Kyruus este un bine finanțate, un start-up care vizează îmbunătățirea sănătății din Boston (Boston). Noi credem că informațiile corecte livrate la momentul potrivit (rapid) va ajuta la medicii de a lua deciziile corecte. Noi credem că putem salva viața oamenilor.

    Ceea ce ne place în Kyruus:
    • Design. În orice zonă de design al companiei este pe primul loc. El perfectă.
    • Scop. În fiecare zi, în fiecare zi, eu (Dave) mă trezesc că ar face lumea mai bună.
    • Oameni. Eu lucrez cu cei mai buni oameni. Ceea ce este mai mult decât oamenii inteligenți. Oameni buni.

    Oamenii buni sunt necesare Kyruus. Designeri, dezvoltatorii de aplicații, maestru care lucrează cu date de mare stagiari. Alătură-te și de a lucra cu mine.


    Lucrul cu Dave în Kyruus

    mulțumesc







    anterior ◈ următoarea