Robert's Photography and Digital Art | Foto og Photoshop Guider

Hvordan endre fonten på bloggen #BLOGGTIPS

  • 12.03.2017 kl.04:20

God Morgen folkens.

Her kommer ett nytt BLOGG TIPS. Denne gangen skal jeg forklare hvordan du forandrer font (skrift type) på bloggen din. For å gjøre det bruker vi litt HTML kode og CSSDu finner gode introduksjoner av HTML og CSS du kan lese om du vil lære det grunnleggende. 

Bilde fra Google

 

MERK:
Ikke alle fonter er tilgjengelig som webfonts  (enfont som din nettleser forstår), så det kan være lurt å sjekke ut Google Fonts for å være på at fonten er kompatibel som webfont 

Bilde fra Google
TIPS:
Sikkerhetskopier stilsettet ditt før du begynner. Det gjør du enkelt ved å kopiere Koden fra bloggen din og lime det inn i Notepad. I Windows finner du den her:
Klikk på Windows knappen>Windows tilbehør>Notisblokk eller bare søk etter Notepad/Notisblokk så finner du det. Flere tips om bruk av Notepad finner du HER  

Det viktigste i denne delen er å finne ut hvilken tekst du ønsker å endre fonten på (Overskrift, Meny etc) og så klart hvilken font type du ønsker å bruke.

Her er en liten oversikt over de mest vanlige tekstene man ønsker å endre fonten på

body = Skrifttype generelt på bloggen
h2 = Overskrift i innlegg
h3 = Overskrift i sidemenyen
h4 = Skrifttype på navn i kommentarfeltet
Bilde fra Google

Du må lete i stilsett-koden (CSS) for å finne frem. Du skal finne frem en kodelinje som den du ser under:

font-family: Roboto, tahoma, arial, verdana;

Teksten som er Fet/Bold viser deg hvilken font som er brukt. Her kan du ha flere font typer, men du må skille dem med komma( , ). Det betyr at i hovedsak at hvis ikke nettleseren klarer og laste inn font-typen "Roboto" så skal den laste inn "Tahoma" istedet for osv.

Bilde fra Google

Du skal legge inn ønsket font-type du vil at nettleseren skal prøve å laste først, som i eksemplet over.

HUSK! Lagre stilsett-kodene (css) for at endringene skal bli gjeldende.

NB!
<Font> -taggen støttes ikke i HTML5. Så bruk CSS i stedet.
<Font> -taggen angir skrifttype, skriftstørrelse og farge på tekst

Det var alt for denne gang. Så håper jeg du likte dette tipset. Og ikke glem at du finner masse annet fotobloggen min blant annet Photoshop Tutorials  og Lightroom Tutorials

Det var alt jeg hadde på hjertet for denne gang. Takk for at du tok deg tid til å ta en tur innom bloggen min, setter pris på det.

Du kan også følge meg her:  Facebook,   Flickr  Twitter,  YouTube og   Adobe Portfolio.  

  ANONSE:  
"Trenger du Fotograf? Eller ønsker ett bilde redigert?" 
Se DETTE innlegget på fotobloggen min NÅ!

 

På gjensyn!


   Forige                                                                                                                                                                  Neste   


                                                                                                                                                                         

Robert's Photography And Digital Art
All Rights Reserved ©2017 
Tips skrevet av: 
Robert Pedersen 

 

#fotoblogg #blogg #bloggno #bloggtips #font #skrifttype #css #html #htmlkode #diy #rpandda  #drammen

 

4 Kommentarer

frodith

12.03.2017 kl. 06:20
Sikkert fine tips :-D Jeg kjenner jeg blir helt skjelven bare ved p se alt det der.. Hjæææælp! Jeg har ikke skiftet på noenting etter jeg startet bloggen og det er en grunn til det. Skjønner ikke en dritt an sånt, og er livredd det. Så headeren er prikklik som ved oppstarten, og ikke fin :-D Det er ei som har sagt hun kan lage for meg, men da må jeg finne bilder jeg vil ha..og det har jeg ikke funnet ennå.. Har tusen ting jeg vil ha med, og VET at tusen ting i headeren er IKKE fint..så der står jeg :-/ Du er snill med tips da :-)
frodith: er ikke så vanskelig, men litt Basic kunnskap skader ikke. Tenker å skrive litt html tips etter hvert også, men usikker ennå. Jeg kan også lage header til deg om du vil. Er ikke veldig flink, men øvelse gjør mester

dvergpinschere i mitt hjerte

12.03.2017 kl. 09:18
Flott tips! Blir litt for innviklet for meg dette..hihihi
dvergpinschere i mitt hjerte: Er ikke så innviklet som det virker skjønner du ;-)

Skriv en ny kommentar

Design og koding av KvDesign - www.kvdesign.no
hits