{"id":257749,"date":"2023-12-11T12:20:00","date_gmt":"2023-12-11T09:20:00","guid":{"rendered":"https:\/\/inform.click\/32-flotte-nettsikre-skrifter-a-bruke-med-css\/"},"modified":"2023-12-11T12:27:00","modified_gmt":"2023-12-11T09:27:00","slug":"32-flotte-nettsikre-skrifter-a-bruke-med-css","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/32-flotte-nettsikre-skrifter-a-bruke-med-css\/","title":{"rendered":"32 flotte nettsikre skrifter \u00e5 bruke med CSS"},"content":{"rendered":"

\n Vi ser fonter hver dag flere timer om dagen for de fleste av oss. Hvis du er en kontorarbeider, kan du se enda mer. De brukes ogs\u00e5 p\u00e5 trykk og p\u00e5 nettsider. Faktisk ble fonter opprinnelig designet for setting for \u00e5 trykke aviser og b\u00f8ker.\n<\/p>\n

\n I dag brukes fonter i elektronisk form for webdesign, annonsegrafikk og mer, i tillegg til aviser, magasiner og b\u00f8ker som fortsatt trykkes.\n<\/p>\n

\n Hvordan vet du at skriften du velger vil vises for seeren?\n<\/p>\n

\n Vi har satt sammen 32 nettsikre fonter som du kan bruke med CSS p\u00e5 nettstedet ditt.\n<\/p>\n

\n Men f\u00f8r vi kommer til dem; vet du hva en nettsikker skrift egentlig er?\n<\/p>\n

\n Hva er en nettsikker font?
\n<\/h5>\n

\n Hvert operativsystem er det Windows eller Mac kommer med et visst antall innebygde fonter. Selv om ikke alle datasystemer har de samme skrifttypene installert, kan du bruke en nettsikker typestilpakke for \u00e5 velge flere fonter som ser sammenlignbare ut. Dette vil tillate ulike systemer se hva du har lagt ut p\u00e5 nettstedet ditt.\n<\/p>\n

\n Hvis du ikke velger en nettsikker font; ikke alle som bes\u00f8ker nettstedet ditt vil kunne se hva som er lagt ut p\u00e5 siden din, det er derfor det er viktig \u00e5 velge en av de nettsikre fontstablene.\n<\/p>\n

\n Hva er CSS?
\n<\/h5>\n

\n Med alle sidene som lar deg lage din egen nettside og hosting-selskaper som har dukket opp som Wix hvor du bare drar og slipper kan du kanskje ikke HTML eller CSS.\n<\/p>\n

\n CSS st\u00e5r for Cascading Style Sheets som lar deg kontrollere stilelementer som farge, font eller mellomrom i nettdokumenter. Det forteller i utgangspunktet brukerens datamaskin hvilken skrifttype, farge og mellomrom som skal vise seeren. Hvis den brukeren ikke har fonten, vil datamaskinen enten laste den ned eller bruke en lignende font s\u00e5 lenge designeren har valgt en fontstabel \u00e5 bruke eller en familie av fonter. En familie med fonter vil v\u00e6re noe s\u00e5nt som Lucida som ogs\u00e5 inneholder Lucida Sans og Lucida Grande.\n<\/p>\n

\n Mens TV-reklamene viser vellykkede forretningsnettsteder som har brukt \u00e5 bygge din egen side, vil jeg ikke anbefale det. Hvis du virkelig \u00f8nsker \u00e5 sette sammen et profesjonelt utseende for virksomheten din, ansett et profesjonelt designfirma. Likevel, hvis du virkelig \u00f8nsker \u00e5 bygge din egen og kan litt HTML og CSS, er det visse fonter du b\u00f8r bruke, og vi vil fortelle deg hva disse skriftene er.\n<\/p>\n

\n 32 Nettsikre skrifter\n<\/p>\n

\n Her er skriftene som hvis de brukes i skriftstakken din vil v\u00e6re trygge, og nettsiden din vil vises riktig for alle som bes\u00f8ker den. De kan ogs\u00e5 gi deg et profesjonelt utseende.\n<\/p>\n

\n Sans Serif web p\u00e5litelige skrifttyper
\n<\/h5>\n

\n Disse san serif-skriftene vil v\u00e6re best for nettsiden din.\n<\/p>\n

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

    \n Her er noen andre selv om de kanskje ikke vises p\u00e5 noen datamaskiner som ikke har dem installert.\n<\/p>\n

      \n
    1. \u00e5rhundre gotisk\n <\/li>\n
    2. Gen\u00e8ve\n <\/li>\n
    3. Lucida\n <\/li>\n
    4. Lucida Sans\n <\/li>\n
    5. Lucida Grande\n <\/li>\n<\/ol>\n
      \n Serif Web Safe Fonts
      \n<\/h5>\n

      \n Disse er de beste for serif\n<\/p>\n

        \n
      1. kurer\n <\/li>\n
      2. Courier Ny\n <\/li>\n
      3. Georgia\n <\/li>\n
      4. Tider\n <\/li>\n
      5. Times New Roman\n <\/li>\n<\/ol>\n

        \n Disse vil fungere, men vises kanskje ikke p\u00e5 enkelte datamaskiner.\n<\/p>\n

          \n
        1. MS Serif\n <\/li>\n
        2. New York\n <\/li>\n
        3. Palatine\n <\/li>\n
        4. Palatino Linotype\n <\/li>\n<\/ol>\n
          \n Monospace-fonter
          \n<\/h5>\n

          \n De beste fontene i monospace\n<\/p>\n

            \n
          1. kurer\n <\/li>\n
          2. Courier Ny\n <\/li>\n<\/ol>\n

            \n Disse vil fungere, men kan mangle p\u00e5 enkelte datamaskiner.\n<\/p>\n

              \n
            1. Klar konsul\n <\/li>\n
            2. Monaco\n <\/li>\n<\/ol>\n
              \n Smarttelefoner og mobile enheter
              \n<\/h5>\n

              \n Disse enhetene har egentlig bare noen f\u00e5 fonter; Dessverre er det ingen gjensidige typestiler for Android-enheter. I stedet m\u00e5 du bruke @font-face-taggen for \u00e5 hente inn kildene du vil bruke. For iPhone-, iPod- og iPad-enheter inkluderer de mest brukte typestilene:\n<\/p>\n

                \n
              1. Arial\n <\/li>\n
              2. kurer\n <\/li>\n
              3. Courier Ny\n <\/li>\n
              4. Georgia\n <\/li>\n
              5. Helvetica\n <\/li>\n
              6. Palatine\n <\/li>\n
              7. Times New Roman\n <\/li>\n
              8. Trebuchet MS\n <\/li>\n
              9. verdana\n <\/li>\n<\/ol>\n

                \n Dette er de vanligste nettsikre skriftene du kan bruke og v\u00e6re sikker p\u00e5 at de fleste vil se nettsiden din vises riktig p\u00e5 iPhones, iPads og iPads-enheter.\n<\/p>\n

                \n Gratis vs betalt
                \n<\/h3>\n

                \n Med \u00e5pne kildekodeprogrammer som Open Office og LibreOffice, kan du finne ganske mange gratis fonter av h\u00f8y kvalitet \u00e5 laste ned fra internett. Mange av disse er av ganske h\u00f8y kvalitet og de fleste av oss liker gratis ting; dessuten, hvorfor ikke spare noen kroner p\u00e5 et prosjekt?\n<\/p>\n

                \n Er gratis alltid bra, ikke sant? Eller er det? Kan gratis virkelig sammenlignes med betalte skrifter?\n<\/p>\n

                \n Gratis fonter sammenlignet med betalte fonter hva er forskjellen? Svaret er kvalitet. Ja, noen av de gratis skriftene er av god kvalitet. Men n\u00e5r det gjelder gratis b\u00f8r du fortsatt sjekke lisensieringen for \u00e5 v\u00e6re sikker p\u00e5 at du kan bruke dem.\n<\/p>\n

                \n S\u00e5 hva er noen av skriftene fra gratis samlinger?\n<\/p>\n

                  \n
                1. Southern Aire av M\u00e5ns Greb\u00e4ck er gratis for personlig bruk\n <\/li>\n
                2. Devil East Free av fey design\n <\/li>\n
                3. Casablanca Noir Personlig bruk Regelmessig av Billy Argel\n <\/li>\n
                4. Magnolia Script av Jovanny Lemonad\n <\/li>\n
                5. Manila Sans \u2013 Fet lastet opp av theprintinghub\n <\/li>\n
                6. Typnisk tittel av MyFonts\n <\/li>\n
                7. League Gothic av The League of Moveable Type\n <\/li>\n
                8. Grand Hotel av Astigmatic\n <\/li>\n
                9. Ayres Serif av Mariel Gornati\n <\/li>\n<\/ol>\n

                  \n Hva er de beste gratis fontene i 2016?\n<\/p>\n

                    \n
                  1. Arctic Free Font\n <\/li>\n
                  2. Bemount Free Font\n <\/li>\n
                  3. Esphimere gratis font\n <\/li>\n
                  4. Jaden gratis fonter\n <\/li>\n
                  5. Barbaro gratis fonter\n <\/li>\n
                  6. Ansley Display gratis skrift\n <\/li>\n
                  7. Bariol Serif gratis skrift\n <\/li>\n
                  8. Bohemia SlabSerif gratis skrift\n <\/li>\n
                  9. Stellar gratis font\n <\/li>\n
                  10. Panama gratis font\n <\/li>\n
                  11. BSRU Bansomdej gratis font\n <\/li>\n
                  12. Firefly gratis font\n <\/li>\n
                  13. Mighttype Script gratis font\n <\/li>\n
                  14. BERNIER gratis skrift\n <\/li>\n
                  15. Minne gratis font\n <\/li>\n<\/ol>\n

                    \n Hva kan man bruke disse gratis skriftene til? Kanskje p\u00e5 en nettside for historiefortelling<\/a> ville v\u00e6re et bra sted \u00e5 bruke disse fontene. De kan ogs\u00e5 brukes til en personlig dagbok, fotoblogg; stort sett alt du \u00f8nsker \u00e5 publisere p\u00e5 internett.\n<\/p>\n

                    \n Hvilke fonter bruker fagfolkene?
                    \n<\/h3>\n

                    \n N\u00e5r designere bygger nettsider for kunder, bruker de betalte fonter fra flere samlinger.\n<\/p>\n

                    \n Kanskje du lurer p\u00e5 hvilke fonter fagfolkene bruker? Disse fontene brukes mest av fagfolk.\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 Trajan
                    \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 Fremtid
                    \n<\/h5>\n

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

                    \n 9 Bickham-manus
                    \n<\/h5>\n

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

                    \n 10 universer
                    \n<\/h5>\n

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

                    \n 11 Eurostyle
                    \n<\/h5>\n

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

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

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

                    \n 13 Handelsgotisk
                    \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 Disse 21 er fonter du oftest vil se p\u00e5 nettsteder som er designet av profesjonelle webdesignere.\n<\/p>\n

                    \n Ville profesjonelle webdesignere bruke gratis fonter? Det kan v\u00e6re noen gratis skrifter som en profesjonell webdesigner kan bruke avhengig av kundens \u00f8nsker og behov. Her er noen som kan brukes av profesjonelle webdesignere.\n<\/p>\n