Rendering external woff2 fonts #156
Description
I'm trying to use Google fonts using the EFont component:
<EHead>
<EFont
font-family="Manrope"
fallback-font-family="Arial"
:web-font="{
url: 'https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap',
format: 'woff2',
}"
font-weight="400"
font-style="normal"
/>
</EHead>
The rendered output looks like this:
<style>
@font-face {
font-family: "
Manrope"
;
font-style: normal;
font-weight: 400;
mso-font-alt: "
Arial"
;
src: url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap) format(" woff2" );
}
* {
font-family: "
Manrope"
,
Arial;
}
</style>
I'm not sure where the " are coming from and referencing the font-family as such font-family:Manrope, Arial, sans-serif; throughout the template doesn't really work. It always falls back to Arial.