DREAM CODE REPEAT

Original article:

Add Google Fonts to the Divi customizer

In functions.php

1
2
3
4
5
6
7
8
9
10
11
12
function my_theme_google_fonts($fonts) {
  $fonts[‘Vidaloka’] = [
    ‘styles’ => ‘400’,
    ‘character_set’ => ‘latin’,
    ‘type’ => ‘serif’,
  ];
  // sort fonts alphabetically
  ksort($fonts);
  return $fonts;
}
add_filter(‘et_builder_google_fonts’, ‘my_theme_google_fonts’);

functions.php

1
2
3
4
5
add_action( ‘admin_enqueue_scripts’, ‘my_theme_admin_enqueue_scripts’ );
function my_theme_admin_enqueue_scripts() {
  wp_enqueue_style(‘my-admin-theme’, get_stylesheet_directory_uri().‘/admin.css’);
}

in admin.css

1
2
3
4
5
.et_google_font_custom_select span.et_filter_text.et_gf_vidaloka,
.et_google_font_options li.et_gf_vidaloka {
  background-image:url(‘./img/vidaloka.jpg’);
  background-size:contain;
}