CSS werkt niet met font-familie

Pagina: 1
Acties:

Vraag


Acties:
  • 0 Henk 'm!

  • Pinin
  • Registratie: Januari 2004
  • Laatst online: 23-04 16:25

Pinin

Historie | Luxe | Duurzaam

Topicstarter
Mijn vraag:
Ik wil graag de font family van H1 veranderen maar dat lijkt niet te werken, andere font aanpassingen wel.
Wat doe ik fout?
...

Relevante software en hardware die ik gebruik
Lodgify
...

Wat ik al gevonden of geprobeerd heb
W3S
...

Ik gebruik Lodgify en haar ingebouwde website builder voor onze B&B, ik begrijp dat dit beperkingen heeft t.o.v. bijv wordpress ofzo. Maar 1. mijn vrouw moet dingen kunnen aanpassen en 2 het ontbreekt nu aan tijd.
Dus ik moet hier even mee leven.... Graag zou ik zien dan H1 in een ander lettertype zou worden gegeven (serif) maar de mogenlijkheid die ik heb om CSS aan te passen lijkt het niet te accepteren ofzo, andere aanpassingen zoals grootte etc. wel.

Let wel ik ben een tamelijke noob, dus gebruik niet al te moeilijke vaktermen svp.

hieronder afbeelding wat ik ruimte heb voor CSS en andere afbeelding is uitleg over de velden.

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: #F8F0E9;
}

h1 { 
font-size: 150%; 
font-weight: 130%; 
text-transform: uppercase;
font-family: "Gill Sans Extrabold", sans-serif;  
}

h2 { 
font-size: 140%; 
font-weight: 130%; 
line-spacing: normal;
text-transform: none; 
}

h3 { 
font-size: 120%; 
font-weight: normal; 
}
</style>
</head>

</body>
</html>


Afbeeldingslocatie: https://tweakers.net/i/EegxVTzUxQ4lH-9joC3NfGMYEx0=/800x/filters:strip_icc():strip_exif()/f/image/Bgbaz20QDZ8pBbqeB39ur2tf.jpg?f=fotoalbum_large

Afbeeldingslocatie: https://tweakers.net/i/NbFWcLkzFpllpJmutNH8f5Juf6w=/800x/filters:strip_icc():strip_exif()/f/image/optAfdOqsIrOBN8iYXLFBCfN.jpg?f=fotoalbum_large

www.casarodriguillo.com

Beste antwoord (via Pinin op 26-01-2024 16:24)


  • RobIII
  • Registratie: December 2001
  • Laatst online: 11:13

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

samo schreef op vrijdag 26 januari 2024 @ 15:07:
Dit kan je niet in de css oplossen, maar moet ergens in de applicatie
Of even een !important erop knallen en kijken of dat 't fixt :P Verder werkt dit natuurlijk alleen als "Gill Sans Extrabold" op je PC aanwezig is of elders in de CSS ingeladen wordt, maar ik neem aan dat dat bekend is / voor de hand ligt.

[ Voor 32% gewijzigd door RobIII op 26-01-2024 15:13 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Alle reacties


Acties:
  • +1 Henk 'm!

  • samo
  • Registratie: Juni 2003
  • Laatst online: 02-05 08:58

samo

yo/wassup

Ik gok dat je even goed in je inspector moet duiken. Als ik kijk naar de URL uit je handtekening zie ik dat de font-famlily uit je custom css wordt overschreven voor je header. Als ik via chrome "Inspect Element" kies, zie ik dat je font-family wordt overschreven door een class-setting.

Afbeeldingslocatie: https://tweakers.net/i/VYQhE58bQyRmjv-HBh32sA1ItS8=/full-fit-in/4000x4000/filters:no_upscale():fill(white):strip_exif()/f/image/N9t8A8LjoMGtplc5CsubLBvZ.png?f=user_large

Dit kan je niet in de css oplossen, maar moet ergens in de applicatie

Bekend van cmns.nl | ArneCoomans.nl | Het kindertehuis van mijn pa in Ghana


Acties:
  • Beste antwoord
  • +2 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Laatst online: 11:13

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

samo schreef op vrijdag 26 januari 2024 @ 15:07:
Dit kan je niet in de css oplossen, maar moet ergens in de applicatie
Of even een !important erop knallen en kijken of dat 't fixt :P Verder werkt dit natuurlijk alleen als "Gill Sans Extrabold" op je PC aanwezig is of elders in de CSS ingeladen wordt, maar ik neem aan dat dat bekend is / voor de hand ligt.

[ Voor 32% gewijzigd door RobIII op 26-01-2024 15:13 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Acties:
  • 0 Henk 'm!

  • Pinin
  • Registratie: Januari 2004
  • Laatst online: 23-04 16:25

Pinin

Historie | Luxe | Duurzaam

Topicstarter
Beide bedankt, allebei het juiste antwoord. Een sticker voor jullie ;-)
Samo: het bevestigde mijn idee dat het overschreven wordt
RobIII: !important heeft het opgelost (p.s. Gill sans extrabold was slechts een voorbeeld btw)

www.casarodriguillo.com