How to combine Google Fonts imports

Question

I am using Wordpress with the Divi theme, There is this code: ``` function et_divi_fonts_url() { $fonts_url = ''; /* Translators: If there are characters in your language that are not * supported by Open Sans, translate this to 'off'. Do not translate * into your own language. */ $open_sans = _x( 'on', 'Open Sans font: on or off', 'Divi' ); if ( 'off' !== $open_sans ) { $font_families = array(); if ( 'off' !== $open_sans ) $font_families[] = 'Open+Sans:300italic,400italic,700italic,800italic,400,300,700,800'; $protocol = is_ssl() ? 'https' : 'http'; $query_args = array( 'family' => implode( '%7C', $font_families ), 'subset' => 'latin,latin-ext', ); $fonts_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" ); } return $fonts_url; } ``` That generates this output: ```

Accepted Answer

Taken from https://developers.google.com/fonts/docs/getting_started?hl=en:

To request multiple font families, separate the names with a pipe character (|).

For example, to request the fonts Tangerine, Inconsolata, and Droid Sans:

`https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans`

How to combine Google Fonts imports

Solution

Problem