Add google font to enfold and still being DSGVO compatibel

loading the font from Google is not GDPR compliant – hosting the font on your own servers is.
but this is from performance point of view a heavy font: even the woff files will have for each font-weight over 1.1MB
Try it yourself via Enfold – Import/Export – Custom Font Manager – and upload that zip file : https://webers-testseite.de/ZenKakuGothicNew.zip
only light, regualar and bold are inside ( there is on google black and medium inside – but see comment above)
You can find those uploaded fonts then under General Styling – Fonts (Tab) at the end of the list inside :

if you want to hamper google font loading via Enfold from google pages – paste this to your child-theme functions.php:

function my_output_google_webfonts_script( $activate ){
  return false;
}
add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

PS: if you got a CDN Server – then it might be better to load it from their servers.

But how to write with that font-face i do not know – how do you choose your letters:
伟伯网页设计

sorry – no private Content for me – you had to wait til mods are here.

And have a look at Hanken Font – you can use the variable font then only 136kb are used for all font-weights
https://kriesi.at/support/topic/how-can-i-add-a-row-with-text-above-an-image/#post-1460650

The first address to change is on General Styling – Fonts (Tab)
____

These are the settings that apply to the entire website – if you achieve different results, there must be inline settings or special CSS rules that override these global rules.
F.e. on “Advanced Styling”

you should not use lighter or bolder on css setting. try light or bold or even better 300, 700 etc.

or look at your css:

body#top{font-weight:lighter;font-family: 'work sans', Helvetica, Arial, sans-serif;}

Half-Time in Cologne ;)

we could talk about using the HankenGrotesk Variable font – to have a good fallback solution it might be good to have those static font in the background.
Enfold even supports those varible fonts
see here on firefox developer tools how they can be used:
https://player.vimeo.com/video/748702665

here are both zip files for download:
HankenGrotesk and HankenGrotesk-Variable

The trick will be to have for modern browsers the variable font and for those not supporting variable fonts the static one.

The crux is to activate on general settings the static font – and then have this in your child-theme quick css to force for all browser the variable font:

@supports (font-variation-settings: normal) {
  :root {
    --enfold-font-family-heading:'hankengrotesk-variable',Helvetica,Arial,sans-serif;
    --enfold-font-family-body: 'hankengrotesk-variable',Helvetica,Arial,sans-serif;
  }
  body.roboto {
    font-family:'hankengrotesk-variable'  !important;
  }
  h1,h2,h3,h4,h5,h6,
  #top .title_container .main-title,
  tr.pricing-row td,
  #top .portfolio-title,
  .callout .content-area,
  .avia-big-box .avia-innerbox,
  .av-special-font,
  .av-current-sort-title,
  .html_elegant-blog #top .minor-meta,
  #av-burger-menu-ul li {
    font-family: 'hankengrotesk-variable' !important;
 }
}

try again – the link was wrong

the variable regular font of hankengrotesk got 60kb !
loog to those other fonts with over 1MB ! This comes from all the non latin fonts in there.
Think of your performance of the website.

and by the way – do not upload the font-weights one by one – just create a font-family and zip that to upload – like here on my downloads: https://kriesi.at/support/topic/add-google-font-to-enfold-and-still-being-dsgvo-compatibel/#post-1460690

see here in action on all headings.
https://webers-testseite.de/

But The font does not seem to load completely when only the Latin fonts are used. At least it does not seem to load as slowly as the file size of the upload would suggest.