Şrift zəhmli: tam kitabxana bələdçisi

Şrift zəhmli: tam kitabxana bələdçisi

Pulsuz nişanlar Şrift zəhmli: nə və nə üçün istifadə olunur. Nişanları sayta necə qoşmaq olar. Kitabxananın üstünlükləri və mənfi cəhətləri.

Şrift zəhmli nədir və saytda istifadə olunan şey. Kitabxananın faydaları.

Şrift zəhmli simge dəsti: son bələdçi

Şrift zəhmli, CSS və daha az əsasında şriftlər və nişanlar dəstidir. Alət, hər cür nişanları tez bir zamanda sayta birləşdirməyə, dizaynını və istifadəsini əhəmiyyətli dərəcədə artırmağa imkan verir. Kodun bir neçə sətri daxil etmək kifayətdir.

Şrift Awesome, asanlıqla fərdiləşdirə biləcəyiniz ölçüdə, rəng, kölgələr və CSS ilə edilə biləcək hər şeyə sahib olan genişlənə bilən vektor nişanlar verir.

Şrift Awesome Kitabxanası sizin üçün ən yaxşı təkliflərin böyük bir kolleksiyasına malikdir. Unikal nişanlar ilə layihənizi inkişaf etdirirsiniz. Əslində, bu, öz məqsədləriniz üçün istifadə edə biləcəyiniz hər cür nişanların böyük bir dəstidir.

Fontawesome-də bütün nişanlar tamamilə və tamamilə pulsuzdur. Kitabxana GNU Ümumi ictimai lisenziyası ilə lisenziyalıdır. Bu o deməkdir ki, kommersiya layihələrində və prinsipcə, hər yerdə sərbəst istifadə edilə bilər.

Dəst Dave Gandhi tərəfindən yaradıldı. Buraya pulsuz sosial media nişanları, istifadəçi interfeysini və daha çoxunu yaxşılaşdırmaq üçün nişanlar daxildir.

Tipik olaraq, şrift zəhmli şrift skriptləri Bootstrap və BootstrapCdn ilə birlikdə istifadə olunur. Şrift zəhmli populyarlıq olaraq yalnız Google şriftləri üçün ikincidir.

Bu necə işləyir

Əsas xüsusiyyət, bütün şrift zəhmli nişanlar statik şəkillər deyildir. Onlar şrift formatında. Başqa sözlə, bunlar simge şriftləridir. Məsələn, bir axtarış simgesi və ya sosial şəbəkə loqotipi A, B, C sadə personajları ilə eynidir.

Şrift zəhmli nişanlar genişlənə bilən vektorlardan istifadə etməklə yaradılmışdır. Buna görə, demək olar ki, istənilən ölçüyə qədər artırıla bilər.

Bütün mövcud nişanlar bir şrift sənədinə daxil edilmişdir. Bu faylı rəsmi saytdan yükləmək və üslubda birləşdirmək lazımdır.

Niyə dizaynerlər şriftin zəhmli seçirlər

Şrift zəhmli bir sıra üstünlüklərə malikdir:

  • Sürətli əlaqə. Yalnız rəsmi veb saytdan xüsusi bir fayl yükləmək və CSS kodunda ona yolu göstərərək onu birləşdirməlisiniz.
  • Çeviklik və ölçülmə qabiliyyəti. Nişanlar istənilən ölçüdə böyüdülə bilər. Rəmzlər cihazın imkan verdiyi qədər aydın olacaq. Həssas dizayn yaşında bu vacibdir. Yeri gəlmişkən, eyni səbəbdən, şrift zəhmli nişanlar retina ekranları üçün uygundur.
  • Stilizasiya. Nişanlar rəng, ölçü, kölgə və ya hər hansı digər xarici parametrlərdə asanlıqla dəyişdirilə bilər. Dizayner müntəzəm mətnin bütün faydalarını alır. Nişanları da döndərə bilərsiniz. Məsələn, alt-üst və ya 90 dərəcə fırladın.
  • Saytın sürətli yüklənməsi. Bütün nişanlar bir şrift sənədinə daxil edilmişdir. Beləliklə, şrift zəhmli yükləmək üçün yalnız bir HTTP tələbi alır. Bu veb sayt performansı üçün əladır.
  • Brauzerlərin sevgisi. Şrift zəhmli bir çarpaz brauzer vasitəsidir. Şriftlərin və nişanların brauzerinin uyğunluğu barədə narahat olmaq lazım deyil. Hamısı tərəfindən yaxşı dəstəklənir. Hətta köhnə IE8.
  • Fərqli çərçivələrə uyğundur. Kitabxana ilk növbədə bootstrap üçün yaradılmışdır. Ancaq digər çərçivələrlə də yaxşı işləyəcək.
  • Bir neçə format. Alət .Eot, .ttf, .woff və svg formatlarında mövcuddur. Beləliklə, şrift zəhmli digər veb şriftləri ilə eyni şəkildə idarə olunur.
  • JavaScript tələb olunmur. Şrift zəhmli JavaScript-in işləməsini tələb etmir.

Beləliklə, şrift zəhmli, nizamlama vaxtını əhəmiyyətli dərəcədə saxlayan və veb saytınızı sürətləndirən effektiv və rahat bir vasitədir.

Şriftin zəhmlənənləri

Alətdə də çatışmazlıqlar var. Xoşbəxtlikdən, bunların çoxu yoxdur.

Birincisi, nişanlar yalnız bir rəngdə rənglənə bilər. Ancaq bu məhdudiyyətdən xələl gətirə bilər. Məsələn, pulsuz nişanları bir-biri ilə birləşdirin. Və ya CSS effektlərindən istifadə

İkincisi, şriftin zəhmli kitabxanası çox nişanlar ehtiva edir və hamısı bir fayla daxil edilmişdir. Bir dizayner və ya layout dizayneri yalnız bir neçə nişanı bağlamaq lazımdırsa, yenə də bütün kitabxananı tamamilə yükləməlidirlər. Bunlar yüz minlərlə əlavə nişanlardır ki, bu da yer tutacaq əlavə nişanlardır. Bununla birlikdə, burada bir həll var - yalnız lazımi nişanlar daxil olan öz məclisinizi yaratmaq.

Şrift zəhmli versiyaları: 5 və 6

Şrift 5 dekabr 2017-ci ildə və əvvəlcə 1278 nişandan ibarətdir. Beşinci versiyası iki paketdə gəlir: pulsuz (şrift zəhmli pulsuz) və ödənilmiş (şrift zəhmli pro). Pulsuz planda dördüncü versiyalardan da nişanlar var. Nişanlar Sil Açıq Şrift Lisenziyası altında mövcuddur, Creative Commons Attribution 4.0 və MIT.

Sil Açıq Şrift Lisenziyası (Ofl-1.1) | Açıq mənbə təşəbbüsü
Creative Commons - Attribution 4.0 International - CC 4.0
MİT lisenziyası | Açıq mənbə təşəbbüsü

Şrift Awesome 6, 2020-ci ilin ikinci yarısında yayımlanan yeni bir versiyadır. Yeni nişanlar daxildir və yalnız ödənişli bir planda mövcuddur.

Şrift Zəhmli 6 Alpha da 2021-ci ildə yolda. Bu, başqa bir yeni nəsil Icon kitabxanasıdır. Yeni nişanlar, versiya 6 Alpha da yeni üslub, yeni xidmətlər və köməkçi vasitələr əlavə edir. İstifadəçilər əvvəlcədən sifariş verə bilərlər.

Pulsuz və ödənişli planlar: fərqlər və xüsusiyyətlər

Pulsuz və ya ödənişli tarif planı üçün nişanlar yükləyə bilərsiniz.

Pulsuz plan 1600-dən çox nişan və 1 dəst daxildir. Bir dəsti, kod əlavə etmədən tez dəyişikliklər etməyə imkan verən nişanlar, üslub və parametrlər toplusudur.

Ödənilmiş tarif:

  • 7800-dən çox nişan və 20 dəst daxildir.
  • Şrift zəhmli pro-a giriş imkanı verir. Bu, nişanların doğma mobil tətbiqetmələrdə və kompüterinizdə (məsələn, bir söz mətn redaktorunda və ya PowerPoint-də təqdimat yaratarkən) istifadə edilə biləcəyi deməkdir.
  • Öz nişanlarınızı yükləməyə imkan verir. Öz nişanlarınızı və ya rəsmi şrift zəhmli nişanların yerinə öz nişanlarınızı istifadə edə bilərsiniz. Məsələn, bir şirkət loqotipini necə yükləyə bilərsiniz. Eyni hərəkətləri əsas olanlar ilə öz nişanlarınızla edə bilərsiniz - üslub, ölçüsü, rəngini və s. Dəyişdirin.

Hər iki versiya əbədidir. Yəni bunlar birdəfəlik verilir.

Şriftin zəhmli bağlanmağın yolları

Əvvəlcə rəsmi veb saytına getmək və kitabxananı yükləmək lazımdır. Yüklənmiş arxiv boşaldılmalı və Sayt qovluğuna kopyalanan CSS və şriftlər qovluqları.

Bundan sonra, kitabxana faylına gedən yol baş etiketləri arasında müəyyən edilmişdir. Misal üçün:

Bir veb saytdakı şrift zəhmli nişanlarını necə göstərmək olar. Ən populyar metodlar:

1. HTML istifadə

Ən asan yol.

Rəsmi veb saytında (fontawesome.com/icons?d=gallery) qalereyasına getmək və istədiyiniz simgəni seçin. Hər bir simgonda fərdi kodu var, məsələn :. Kodda lazımi yerə kopyalamaq və yapışdırmaq kifayətdir.

2. CSS vasitəsilə

Bunu etmək üçün, pseudo-elementlərdən sonrakı və ya əvvəllər, həmçinin tələb olunan simvolu unicode istifadə edin. Hamısını eyni qalereyada götürə bilərsiniz. Belə bir kod nümunəsi: F209.

Bir stil faylı giriş nümunəsi:

Div :: {Ekran: blok; Məzmun: 'F209'; Şrift-ailəsi: 'şrift zəhmli 5 pulsuz';}

Sonda: Bütün şrift zəhmli nişanlar

Beləliklə, şrift zəhmli, veb saytınıza pulsuz nişanlar əlavə etmək üçün sürətli və rahat bir yoldur. Bütün nişanlar asanlıqla genişlənir və saytı yavaşlatmır.





Şərhlər (0)

Şərh yaz