Andere weergave lettertype

Status
Niet open voor verdere reacties.

rob1970

Gebruiker
Lid geworden
14 jan 2012
Berichten
296
Ik ben bezig met een website voor een "vakgarage"

Alle Vakgarages maken gebruik van hetzelfde lettertype: "Sansa Con"

Ik heb dit lettertype toegevoegd aan mijn webfonts.

Als ik op mijn imac de website bekijk geeft hij het juiste lettertype weer. (zie bovenste gedeelte screenshot)

Alleen als ik hem op mijn iphone bekijk veranderd het lettertype. (zie screenshot linksonder)

Als ik de website van Vakgarage zelf bekijk op mijn iphone geeft hij dit lettertype wel aan. (zie screenshot rechtsonder)

Het moet dus mogelijk zijn om ervoor te zorgen dat het lettertype correct weergegeven wordt op alle schermen en in alle browsers.

Ik weet alleen niet hoe.
 

Bijlagen

  • website_vakgarage.jpg
    website_vakgarage.jpg
    623,9 KB · Weergaven: 58
Vermoedelijk mis je enkele font types. Moderne browsers gebruiken woff2. Als fallback heb je andere font types nodig, bijv. woff en ttf. Mogelijk heb je ook het svg font type nodig, dat is meestal een behoorlijk groot bestand. Als je ze allemaal kan toevoegen werkt het op elk apparaat. Zie hieronder.

Code:
@font-face {
  font-family: 'Sansa Con';
  src: url(PATH/SANSA_CON_FONT.eot);
  src: url(PATH/SANSA_CON_FONT.eot?#iefix) format('embedded-opentype'),
       url(PATH/SANSA_CON_FONT.woff2) format('woff2'),
       url(PATH/SANSA_CON_FONT.woff) format('woff'),
       url(PATH/SANSA_CON_FONT.ttf) format('truetype'),
       url(PATH/SANSA_CON_FONT.svg#SANSA_CON_FONT) format('svg')
}
html {
  font-family: 'Sansa Con', sans-serif;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-family: 'Sansa Con', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

Alles wat in hoofdletters staat zal je zelf in moeten vullen :) dit is afhankelijk van de website opbouw.
 
Ik sprak toevallig iemand een paar uur geleden die het probleem opgelost had.

Ik had het lettertype ergens moeten uploaden. Ik had hem nu vanaf mijn desktop geïnstalleerd.

Het werkt nu gelukkig. Ben net pas thuis dus nog geen tijd gehad on dit even aan te geven hier.

Wel erg bedankt voor de hulp.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan