Beste sitedealers,

Bij het rommelen aan een nieuw site ontwerp stuit ik op het volgende. Als nieuw thema heb ik gekozen voor 'Feather' van Suitstheme. Een prima thema met veel mogelijkheden, echter wil ik graag het font van de h2 ("Laagjessalade met...") aangepast hebben naar Bebas Neue. Nu weet ik dat dit geen Google Font is en daarom wil ik de CSS aanpassen waardoor het alsnog mogelijk is om dit font door te voeren. Echter ben ik niet zó thuis in CSS dat me dit makkelijk zelf lukt.

Het gekozen thema maakt het mogelijk om het font van de headers aan te passen in WordPress al kan ik daar maar uit een aantal vaststaande lettertypes kiezen. Nu lijkt het me dat deze mogelijkheid tot het automatisch inladen vanuit de in WP gekozen optie uit de CSS moet worden gesloopt en daar een nieuwe code voor in de plaats moet komen die ervoor zorgt dat H2 als Bebas Neue wordt aangeroepen?

Kan iemand aangeven welke codes ik UIT de CSS moet halen om ervoor te zorgen dat ik de h2 zelf kan customizen in de CSS ipv in WordPress én welke code(s) ervoor in de plaats moeten komen om ervoor te zorgen dat op iedere computer Bebas Neue wordt aangeroepen?

Hiervoor dien je font-face te gebruiken!

http://css-tricks.com/snippets/css/using-font-face/

Font dien je ergens op de server te hebben staan zodat deze geladen kan worden.

Groetjes,
Patrick

Dank voor je antwoord Patrick! Heb je toevallig ook enig idee hoe ik ervoor zorg dat de CSS haar informatie niet meer uit de instellingen in WordPress haalt?

Installeer de "PC Custom CSS" plugin als je theme geen Custom CSS optie heeft. Schakel ook eerst de eventuele cache uit voordat je wijzigingen daardoor worden geblokkeerd en zet die pas weer aan als je klaar bent.