Ondersteuning » Thema en CSS/opmaak » Lettertype vraag

  • Hallo allemaal,

    Even een vraagje; Ik ben sinds deze week een beetje aan mijn blog aan het sleutelen (lees: overgegaan op eigen domein, dus alles over moeten zetten inclusief XML problemen die zijn gebleven bij Commentluv) en nu ben ik heel blij met het uiterlijk, voor nu sowieso, maar ik wil graag over mijn gehele blog van Titelteksten tot leesteksten, sidebars etc. etc. etc hetzelfde lettertype. Ik heb een duidelijke, niet al te strakke gevonden via mijn plugin Easy Google Fonts: Courgette. Geen idee hoe ik dat nu dus overal kan krijgen. Dus van Kopteksten tot sidebar en leesteksten.
    Ik weet wel dat dit is de Stylesheet moet met CSS, maar ik weet niet of ik dat zomaar rukraak kan veranderen.
    Zelf denk ik dit:

    /* 01. Basic Styles & Typography
    ================================================== */
    body {
    font-size: 87.5%;
    line-height: 1.5;
    font-family: PT Serif, Georgia, serif;
    color: #797979;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;

    En dan het gedeelte font-family: PT Serif, Georgia, Serif;
    veranderen in font; family: Courgette;

    Heb ik dit juist gedacht of moet het op een andere manier, moet ik nog meer veranderen of op een andere manier, hoe maak ik een back-up van deze gehele tekst, zodat, stel dat het niet goed is, het in 2 klikken (bij wijze van) weer op de oude manier terug hersteld is?????????
    Hopelijk weet iemand dat hier.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Een eigen font is fraai. Het lijkt mij dat de browsers Courgette niet ondersteunen. Dat zul je dus op de server moeten zetten.
    Als je een font download bestaat dat uit meerdere bestanden.
    Zet die in je Thema in een map font.
    in de regel zijn dat 4 bestanden:
    zoiets als:
    courgette.eot
    courgette.svg
    courgette.ttf
    courgette.wolf

    In de stylesheet maak je vervolgens een verwijzing naar die map:

    @font-face {
    	font-family: 'courgette';
    	src: url('fonts/'courgette'.eot');
    	src: local('☺'), url('fonts/courgette.woff') format('woff'), url('fonts/courgette.ttf') format('truetype'), url('fonts/courgette.svg') format('svg');
    	font-weight: normal;
    	font-style: normal;
    }

    Vervolgens net wat jij gedaan hebt:
    body {
    font-size: 87.5%;
    line-height: 1.5;
    font-family: Courgette, Georgia, serif;
    color: #797979;
    }
    Er zitten nog wel haken en ogen aan een ‘eigen’ font

    Thread starter Michelle Kaiser

    (@mikabeautyblog)

    @robelia

    Het maakt mij niet zoveel uit dat het saai is om een standaard font te gebruiken.
    het ziet er namelijk goed uit

    wat ik veel belangrijker vind.
    Maar je uitleg; ugh dat gaat mn petje te boven.

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Lettertype vraag’ is gesloten voor nieuwe reacties.