@ font-face without css?

-2

I'm trying to edit a form for acuity scheduling with html and I want to add my own sources but the problem is that it does not let me add external css it is possible to do it with the style parameter and the same thing happens in roundcube when I try to write an email with text enriched in it and also try it with the plane but it does not work because it does not process it correctly

Something like this

<p style="@font-face{font-family: myFirstFont;
    src: url(sansation_light.woff);} font-family:myFirstFont;">Hola</p>

Neither allows me with @import

<p style="@import url('https5//fonts.googleapis.com/css?family=slabo+27px');font-family: Slabo;">HOLA</p>

Neither allows me to do them with the style tags.

Look what happens

Before Save

<style>
@font-face{
        font-family: myFirstFont;
        src: url(sansation_light.woff);
}
</style>

After saving

<p>@font-face{</p>
<p>font-family: myFirstFont;</p>
<p>src: url(sansation_light.woff);</p>
<p>}</p>

It does not let me add a code% normal html fragments

<style>
@font-face{
        font-family: myFirstFont;
        src: url(sansation_light.woff);
}
</style>

So what can I do?

PS: the RTF is tiny MCE

    
asked by ger 21.02.2018 в 13:01
source

2 answers

0

you are never using the source, you are adding it correctly and then you should use it

should be

<p>Hola</p>

and in the css

<style>
    @font-face{
        font-family: myFirstFont;
        src: url(sansation_light.woff);
    }

    p { font-family: "myFirstFont"; }
</style>

greetings

    
answered by 21.02.2018 в 13:10
0

You can use the Google Fonts API:

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script>
<script>
    WebFont.load({
        google: {
            families: ['Droid Sans', 'Droid Serif']
        }
    });
</script>
    
answered by 22.02.2018 в 03:32