{"id":248106,"date":"2023-12-11T12:20:00","date_gmt":"2023-12-11T09:20:00","guid":{"rendered":"https:\/\/inform.click\/32-suureparast-veebiturvalist-fonti-css-iga-kasutamiseks\/"},"modified":"2023-12-11T12:25:00","modified_gmt":"2023-12-11T09:25:00","slug":"32-suureparast-veebiturvalist-fonti-css-iga-kasutamiseks","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/32-suureparast-veebiturvalist-fonti-css-iga-kasutamiseks\/","title":{"rendered":"32 suurep\u00e4rast veebiturvalist fonti CSS-iga kasutamiseks"},"content":{"rendered":"

\n Enamiku jaoks n\u00e4eme fonte iga p\u00e4ev mitu tundi p\u00e4evas. Kui olete kontorit\u00f6\u00f6taja, v\u00f5ite n\u00e4ha veelgi rohkem. Neid kasutatakse nii tr\u00fckis kui ka veebisaitidel. Tegelikult olid fondid algselt m\u00f5eldud ajalehtede ja raamatute tr\u00fckkimiseks ladumiseks.\n<\/p>\n

\n T\u00e4nap\u00e4eval kasutatakse fonte elektroonilisel kujul veebisaitide kujundamisel, reklaamigraafika ja muu jaoks, samuti ajalehtedes, ajakirjades ja raamatutes, mida veel tr\u00fckitakse.\n<\/p>\n

\n Kuidas teate, et teie valitud font kuvatakse vaatajale?\n<\/p>\n

\n Oleme kokku pannud 32 veebiturvalist fonti, mida saate oma veebisaidil CSS-iga kasutada.\n<\/p>\n

\n Enne nende juurde j\u00f5udmist aga; kas sa tead, mis veebiturvaline font tegelikult on?\n<\/p>\n

\n Mis on veebiturvaline font?
\n<\/h5>\n

\n Iga operatsioonis\u00fcsteemiga on Windows v\u00f5i Mac kaasas teatud arv sisseehitatud fonte. Kuigi k\u00f5ikidesse arvutis\u00fcsteemidesse pole installitud samad kirjat\u00fc\u00fcbid, saate kasutada veebiturvalist kirjat\u00fc\u00fcpi paketti, et valida mitu v\u00f5rreldavat fonti. See v\u00f5imaldab erinevatel s\u00fcsteemidel n\u00e4ha, mida olete oma veebisaidile postitanud.\n<\/p>\n

\n Kui te ei vali veebiturvalist fonti; mitte k\u00f5ik, kes teie saiti k\u00fclastavad, ei n\u00e4e teie lehele postitatut, mist\u00f5ttu on oluline valida \u00fcks veebiturvalistest fondivirnadest.\n<\/p>\n

\n Mis on CSS?
\n<\/h5>\n

\n K\u00f5igi saitide puhul, mis v\u00f5imaldavad teil luua oma veebisaiti, ja loodud hostimisettev\u00f5tteid, nagu Wix, kus lihtsalt lohistate, ei pruugi te HTML-i ega CSS-i tunda.\n<\/p>\n

\n CSS t\u00e4histab Cascading Style Sheets'i, mis v\u00f5imaldab teil kontrollida veebidokumentides stiilielemente, nagu v\u00e4rv, font v\u00f5i vahed. P\u00f5him\u00f5tteliselt \u00fctleb see kasutaja arvutile, millist fonti, v\u00e4rvi ja vahekaugusi vaatajale n\u00e4idata. Kui sellel kasutajal fonti pole, laadib arvuti selle alla v\u00f5i kasutab sarnast fonti seni, kuni kujundaja on valinud kasutatava fondivirna v\u00f5i fondiperekonna. Fontide perekond oleks midagi sellist nagu Lucida, mis sisaldab ka Lucida Sansi ja Lucida Grandet.\n<\/p>\n

\n Kuigi telereklaamid n\u00e4itavad edukaid \u00e4risaite, mis on loonud oma saidi, ei soovitaks ma seda. Kui soovite t\u00f5esti oma ettev\u00f5ttele professionaalse ilme kokku panna, palkage professionaalne disainifirma. Siiski, kui soovite t\u00f5esti omaenda luua ja tunnete m\u00f5nda HTML-i ja CSS-i, peaksite kasutama teatud fonte ja me \u00fctleme teile, millised need fondid on.\n<\/p>\n

\n 32 veebiturvalist fonti\n<\/p>\n

\n Siin on fondid, mis on teie fondivirnas kasutamisel turvalised ja teie veebileht kuvatakse \u00f5igesti k\u00f5igile, kes seda k\u00fclastavad. Nad v\u00f5ivad anda teile ka professionaalse v\u00e4limuse.\n<\/p>\n

\n Sans Serif veebi usaldusv\u00e4\u00e4rsed kirjat\u00fc\u00fcbid
\n<\/h5>\n

\n Need san serif-fondid sobivad teie veebilehe jaoks k\u00f5ige paremini.\n<\/p>\n

    \n
  1. Arial\n <\/li>\n
  2. Arial must\n <\/li>\n
  3. Tahoma\n <\/li>\n
  4. Trebuchet MS\n <\/li>\n
  5. verdana\n <\/li>\n<\/ol>\n

    \n Siin on m\u00f5ned teised, kuigi neid ei pruugita m\u00f5nes arvutis, kuhu pole installitud, kuvada.\n<\/p>\n

      \n
    1. sajandi gootika\n <\/li>\n
    2. Genf\n <\/li>\n
    3. Lucida\n <\/li>\n
    4. Lucida Sans\n <\/li>\n
    5. Lucida Grande\n <\/li>\n<\/ol>\n
      \n Serifi veebiturvalised fondid
      \n<\/h5>\n

      \n Need on serifi jaoks parimad\n<\/p>\n

        \n
      1. Kuller\n <\/li>\n
      2. Kuller Uus\n <\/li>\n
      3. Gruusia\n <\/li>\n
      4. Ajad\n <\/li>\n
      5. Times New Roman\n <\/li>\n<\/ol>\n

        \n Need t\u00f6\u00f6tavad, kuid ei pruugi m\u00f5nes arvutis ilmuda.\n<\/p>\n

          \n
        1. MS Serif\n <\/li>\n
        2. New York\n <\/li>\n
        3. Palatinus\n <\/li>\n
        4. Palatino linot\u00fc\u00fcp\n <\/li>\n<\/ol>\n
          \n Monospace Fonts
          \n<\/h5>\n

          \n Parimad monoruumi fondid\n<\/p>\n

            \n
          1. Kuller\n <\/li>\n
          2. Kuller Uus\n <\/li>\n<\/ol>\n

            \n Need t\u00f6\u00f6tavad, kuid v\u00f5ivad m\u00f5nes arvutis puududa.\n<\/p>\n

              \n
            1. Lucid konsul\n <\/li>\n
            2. Monaco\n <\/li>\n<\/ol>\n
              \n Nutitelefonid ja mobiilseadmed
              \n<\/h5>\n

              \n Nendel seadmetel on t\u00f5esti vaid paar fonti; Kahjuks pole Android-seadmete jaoks vastastikuseid t\u00fc\u00fcpt\u00fc\u00fcpe. Selle asemel peate kasutama m\u00e4rgendit @font-face, et tuua sisse allikad, mida soovite kasutada. IPhone'i, iPodi ja iPadi seadmete puhul on k\u00f5ige sagedamini kasutatavad t\u00fc\u00fcbid:\n<\/p>\n

                \n
              1. Arial\n <\/li>\n
              2. Kuller\n <\/li>\n
              3. Kuller Uus\n <\/li>\n
              4. Gruusia\n <\/li>\n
              5. Helvetica\n <\/li>\n
              6. Palatinus\n <\/li>\n
              7. Times New Roman\n <\/li>\n
              8. Trebuchet MS\n <\/li>\n
              9. verdana\n <\/li>\n<\/ol>\n

                \n Need on k\u00f5ige levinumad veebiturvalised fondid, mida saate kasutada ja olla kindel, et enamik inimesi n\u00e4eb teie veebilehte iPhone'is, iPadis ja iPadis \u00f5igesti kuvatuna.\n<\/p>\n

                \n Tasuta vs tasuline
                \n<\/h3>\n

                \n Avatud l\u00e4htekoodiga programmidega, nagu Open Office ja LibreOffice, v\u00f5ite leida Internetist allalaadimiseks palju kvaliteetseid tasuta fonte. Paljud neist on \u00fcsna kvaliteetsed ja enamikule meist meeldivad tasuta asjad; pealegi, miks mitte s\u00e4\u00e4sta projekti pealt paar dollarit?\n<\/p>\n

                \n Kas tasuta on alati hea, eks? V\u00f5i on? Kas tasuta saab t\u00f5esti v\u00f5rrelda tasuliste fontidega?\n<\/p>\n

                \n Mis vahe on tasuta fontidega v\u00f5rreldes tasuliste fontidega? Vastus on kvaliteet. Jah, m\u00f5ned tasuta fondid on hea kvaliteediga. Kui aga tegemist on tasuta, peaksite siiski kontrollima litsentse, et olla kindel, et saate neid kasutada.\n<\/p>\n

                \n Millised on tasuta kogude fondid?\n<\/p>\n

                  \n
                1. Southern Aire by M\u00e5ns Greb\u00e4ck on isiklikuks kasutamiseks tasuta\n <\/li>\n
                2. Devil East Free fey disainiga\n <\/li>\n
                3. Casablanca Noir isiklikuks kasutamiseks regulaarne, autor Billy Argel\n <\/li>\n
                4. Magnoolia k\u00e4sikiri, autor Jovanny Lemonad\n <\/li>\n
                5. Manila Sans \u2013 paks kirjas laadis \u00fcles theprintinghub\n <\/li>\n
                6. Typnic Titling by MyFonts\n <\/li>\n
                7. League Gothic, autor The League of Moveable Type\n <\/li>\n
                8. Grand Hotel, Astigmatic\n <\/li>\n
                9. Ayres Serif, autor Mariel Gornati\n <\/li>\n<\/ol>\n

                  \n Millised on 2016. aasta parimad tasuta fondid?\n<\/p>\n

                    \n
                  1. Arctic Tasuta font\n <\/li>\n
                  2. Bemount Tasuta font\n <\/li>\n
                  3. Esphimere tasuta font\n <\/li>\n
                  4. Jaden tasuta fondid\n <\/li>\n
                  5. Barbaro tasuta fondid\n <\/li>\n
                  6. Ansley Display tasuta font\n <\/li>\n
                  7. Bariol Serif tasuta font\n <\/li>\n
                  8. Bohemia SlabSerif tasuta font\n <\/li>\n
                  9. Stellar Tasuta font\n <\/li>\n
                  10. Panama tasuta font\n <\/li>\n
                  11. BSRU Bansomdej tasuta font\n <\/li>\n
                  12. Firefly tasuta font\n <\/li>\n
                  13. Mighttype skripti tasuta font\n <\/li>\n
                  14. BERNIER Tasuta font\n <\/li>\n
                  15. M\u00e4lu tasuta font\n <\/li>\n<\/ol>\n

                    \n Milleks v\u00f5iks neid tasuta fonte kasutada? V\u00f5ib-olla oleks lugude jutustamise veebilehel<\/a> hea koht nende fontide kasutamiseks. Neid v\u00f5iks kasutada ka isikliku p\u00e4eviku, fotoblogi jaoks; peaaegu k\u00f5ike, mida soovite Internetis avaldada.\n<\/p>\n

                    \n Milliseid fonte professionaalid kasutavad?
                    \n<\/h3>\n

                    \n Kui disainerid loovad klientidele veebilehti, kasutavad nad tasulisi fonte mitmest kollektsioonist.\n<\/p>\n

                    \n V\u00f5ib-olla m\u00f5tlete, milliseid fonte professionaalid kasutavad? Neid fonte kasutavad enim professionaalid.\n<\/p>\n

                    \n 1 Helvetica
                    \n<\/h5>\n
                    \n 2 Frutiger
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 3 Myriad Pro
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 4 Future Std
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 5 Traianus
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 6 Optima Std
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 7 ITC Franklin Gothic Std
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 8 Tulevik
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 9 Bickhami stsenaarium
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 10 universumit
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 11 Eurostiil
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 12 Interstate
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 13 Kaubandusgootika
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 14 Gill Sans
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 15 Warnock
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 16 Kepler
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 17 Bodoni
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 18 Bembo
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 19 Rockwell
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 20 Meta
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n 21 Gotham
                    \n<\/h5>\n

                    \"\"<\/a><\/p>\n

                    \n Need 21 fonti, mida n\u00e4ete k\u00f5ige sagedamini veebisaitidel, mille on kujundanud professionaalsed veebidisainerid.\n<\/p>\n

                    \n Kas professionaalsed veebidisainerid kasutaksid tasuta fonte? V\u00f5ib olla m\u00f5ni tasuta font, mida professionaalne veebidisainer v\u00f5ib s\u00f5ltuvalt kliendi soovidest ja vajadustest kasutada. Siin on m\u00f5ned, mida v\u00f5ivad kasutada professionaalsed veebidisainerid.\n<\/p>\n