Hallo Woody,
Ja je hebt gelijk ik zal het hieronder proberen uit leggen hoe ik dat gedaan heb. Het gaat met name over de koppen in Joomla (H1 t/m H6)
Deze uitleg is van toepassing op Joomla 4.1
Het mooiste is als je dit doet in een child template zodat de originele intact blijft.
Zoek eerst een lettertype uit op deze
website
.
Hier heb ik gekozen voor Aclonica , hier is maar één optie mogelijk namelijk "regular" (lekker makkelijk)
Selecteer bij punt 3 voor
Modern Browsers
Selecteer daaronder de gehele code in het licht grijze vak
Parkeer (plak) die eerst even een tekstverwerker bv
notepad ++
Bij punt 4 download je het bestand en pak die uit en plaats die bv op het bureaublad
Nu open je de backend en ga dan naar:
Templates: Aanpassen (Cassiopeia)
Er moet nu een nieuw bestand worden aangemaakt worden
Klik daartoe op de knop
Beheer mappen
Vul hier de naam
fonts in (geen hoofdletters gebruiken)
Selecteer de regel
media/templates/site/cassiopeia
Klik nu op de knop
Maken
Klik nu op de knop
Nieuw bestand
Klik op de blauwe knop
Bladeren en selecteer in de zojuist uigepakte zip bestand het eerste bestand en let op selecteer nu de map
fonts en klik op
Uploaden.
Herhaal het bovenstaande regel maar dan het tweede bestand (vergeet niet de map
fonts te selecteren voordat je uploadt )
Klik wederom op
Nieuw bestand maar typ nu
user in de bovenste regel en selecteer bij bestand
.css selecteer nu de map css en klik vervolgens op maken
De tekstverwerker wordt tijdens het maken direct geopend op plak daar het zojuist geparkeerde css bestand
Daarbij moet nog de css code van de koppen h1 t/m h6 er nog onder geplaatst worden om dat wat vereenvoudigen heb ik hieronder de complete css code toegevoegd
ik hoop dat je met deze uitleg voldoende hebt om dit lettertype te plaatsen zo niet dan hoor ik graag
Code:
/* aclonica-regular - latin */
@font-face {
font-family: 'Aclonica';
font-style: normal;
font-weight: 400;
src: url('../fonts/aclonica-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('../fonts/aclonica-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/aclonica-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/aclonica-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/aclonica-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/aclonica-v11-latin-regular.svg#Aclonica') format('svg'); /* Legacy iOS */
}
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "aclonica", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
}
Heeft onderwerp gestart
