luukbrauckmann commented 6 months ago

What does this PR do

Add webp images
Changed HTML img tags to picture tags
Add local Open Sans variable fonts
Add @font-face normal and italic to CSS
Add preload of most used font to html to prevent layout shift
Removed Google fonts links from HTML

How to test

You can check the changes in the code and see if anything stands out.
You can run this version local and put the local and live side by side to spot any differences.

Related issue

16 #15

Checks

Code quality

[x] This branch is up to date with source.
[x] Code is double checked for debugging stuff, and self-reviewed.
[x] Comments are added where necessary to review the PR.

Extra's

[x] Reviewer is appointed.

luukbrauckmann commented 6 months ago

Added .DS_Store files to .gitignore and removed the ones that were present in the project

luukbrauckmann commented 5 months ago

Dit gebruikt variable fonts (font-weight: 300 800), dus je hebt alleen de woff2 variant nodig (alle browsers die variable fonts ondersteunen, ondersteunen ook woff2).

Als je wel ook een woff of truetype fallback wilt gebruiken, doe dat dan zonder variable font.

Ik bedacht me ook na deze wijzigingen dat die fallbacks wellicht overbodig zijn ja.

luukbrauckmann commented 5 months ago

Gefixed!

Sidstumple commented 5 months ago

Hi Luuk, nice! Kan je de conflicten resolven? Dan merge ik em :)

fdnd / fdnd.nl

Performance fixes #17