Support » CSS / opmaak vragen » Site overgezet, lettertypes kloppen niet

  • Beste,

    Ik heb een wordpress site gemaakt in de versie 4.2.2 op een gratis hosting. Ik gebruik het thema Tiberion. Ik heb alles perfect opgemaakt zoals ik het wou in de gratis hosting en heb hem een paar dagen later overgezet naar een betalende host. Eerst de bestanden, dan de database. Alles werkt en is hetzelfde, alleen de lettertypes kloppen niet. Wat heb ik over het hoofd gezien?

    Alvast bedankt,

    March007

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Lettertypen: Belangrijk om te weten…
    Als website bouwer kan je opgeven welke lettertypen je wilt gebruiken voor je site. Dat betekent echter niet automatisch dat BEZOEKERS van je site altijd dat lettertype ook ZIEN.
    Dat komt omdat websites de lettertypen gebruiken die bij de bezoeker van je site op de PC / telefoon / tablet staan. staat het lettertype van jouw site niet op de PC / telefoon / tablet, dan wordt een vervangend lettertype gebruikt.
    Daarom ook is het goede gewoonte om bij de bouw van je site een ‘font-family’ op te geven. Heeft de bezoeker het eerst opgegeven lettertype niet, dan wordt het volgende gebruikt of het daarop volgende etc. Het meest algemene lettertype staat als laatste genoemd; Zoek dus een lijst van fonts bij elkaar dat op elkaar / acceptabel lijkt.
    Bijvoorbeeld:

    p {
        font-family: "Times New Roman", Georgia, Serif;
    }

    Om dit probleem op te lossen kan je lettertypen in je site ‘inbakken’. Zo toont je site zoals jij bedoeld hebt, ongeacht of de bezoeker het betreffende lettertype op de PC heeft staan.
    Hier vind je de info:
    http://www.w3schools.com/css/css3_fonts.asp

    Bedankt voor het snelle antwoord!

    Ik heb nog eens gekeken en de verwijzingen naar de bestanden van de fonts staan in de stylesheet. (style.css)

    Op deze manier:

    @font-face {
        font-family: 'BebasNeueRegular';
        src: url('fonts/BebasNeue-webfont.eot');
        src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/BebasNeue-webfont.woff') format('woff'),
             url('fonts/BebasNeue-webfont.ttf') format('truetype'),
             url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;

    En ik heb een map aangemaakt onder public_html genaamd fonts en daarin de bestanden gestopt met de namen die genoemd zijn in de style, maar de letters blijven in een ander lettertype.

    Hi,

    Bovenstaande lijkt in orde [alleen de sluitende haak ‘}’ ontbreekt hier.
    Het lijkt er op dat de fonts ‘niet gevonden worden’/ mogelijk op de verkeerde plek staan…

    Verplaats de fonts eens naar
    /wp/wp-includes/fonts [een bestaande map]
    en ververs je browser <CTRL-F5>

    Sorry dat ik nogmaals stoor. Ik heb ze daarbij gezet, maar helaas werkt het nog steeds niet.

    Graag de link naar je site.

    Natuurlijk, bij deze:

    http://www.gamehq.be

    Kijk even naar je css, met name waar de ‘font-family’ wordt gedefinieerd. Verander hierbij de opmaak want die is ten eerste inconsistent en daarnaast klopt de syntax niet.

    Bijvoorbeeld:

    font-family:BebasNeueRegular;

    Veranderen naar:

    font-family: "BebasNeueRegular", Arial, sans-serif;

    Doe dit ook voor de andere niet standaard font in je css. Tevens zie ik veel fouten bij het laden van de site. Zie screenshot: http://we.tl/lt7aAZTG0V

    Oh ja, en verwijder het bestand http://www.gamehq.be/wp-content/uploads/useanyfont/uaf.css. Dit kan zorgen voor ongewenst gedrag, zeker als je nu wijzigingen gaat maken.

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Site overgezet, lettertypes kloppen niet’ is gesloten voor nieuwe reacties.