Custom font now showing on mobile

Hi, I have a child theme and...

In Styles.css

@font-face {font-family: "Edwardian Script ITC V1";
  src: url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.eot"); /* IE9*/
  src: url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.woff2") format("woff2"), /* chrome?firefox */
  url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.woff") format("woff"), /* chrome?firefox */
  url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.ttf") format("truetype"), /* chrome?firefox?opera?Safari, Android, iOS 4.2+*/
  url("https://domain.com/wp-content/themes/generatepress_child/fonts/ca6f91c0cad2fe33614026d17117601d.svg#Edwardian Script ITC V1") format("svg"); /* iOS 4.1- */
}

In Functions.php

add_filter( 'generate_typography_default_fonts', function( $fonts ) {
  $fonts[] = 'Edwardian Script ITC V1';
  return $fonts;
} );

I selected the font in the customizer, and this works on desktop but not on mobile, see: https://www.screencast.com/t/apoGZSh33

In mobile mode in the customizer it does load the font there. But when I load the site in Chrome or the Samsung browser on my Samsung S7, the font doesn't load there. Just some default font there instead.

Please tell me how to fix this, thanks.

I already tried to clear cache etc. The basics.

Also tried fonts that are not custom, and they seem to be working on mobile just fine.