Selective use of "text" variable in google fonts calls
There's no way to do that yet. Maybe because the optimized font requests are still in beta.
What I recommend is to use requests in the <head>
instead of using inside CSS with @import
. From a page speed standpoint, @import from a CSS file should almost never be used, as it can prevent stylesheets from being downloaded concurrently. If both stylesheets are referenced in <link>
elements in the main HTML page, both can be downloaded at the same time.
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT">
<link rel="stylesheet" href="//fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300">
Even with one more request, the page will load faster than with @import
.