Change font-size by @font-face

Question

Change font-size by @font-face

Asked 8 years, 6 months ago

Viewed 71 times

3

It is possible to change the font-size from a source within the @font-face? I’m trying the following:

@font-face {
    font-family: kivetts;
    src: url(fonts/kivettsregular.otf);
}
@font-face {
    font-family: DicksHandwriting;
    src: url(fonts/DicksHandwriting.otf);
    font-size:1.5em;
}

.menu-image-title {
    font-family: 'kivetts', DicksHandwriting
}

The first source did not possess the character O, so I want to use the O of the second, however the second source is smaller than the first, so I need to increase it. If you know of any other way to resolve this problem, please indicate a path. Thank you!

You couldn’t do it like that: <h4>P<span class="font_o" >ó</span></h4> and so style .font_o { font-size: 1.5em; } ?

– Samir Braga

2015/12/24 at 02:42
Unfortunately not, the texts will be dynamic, I have no way to insert <span></span> in all the "O". Grateful.

– Sandro Elias Graziosi

2015/12/24 at 03:55
And how would you change your source in "Oh"?

– Samir Braga

2015/12/24 at 11:29
Thus: font-family: 'kivetts', DicksHandwriting. See in operation: [http://108.179.252.83/~Magnolia/] notice in the menu, that "ó" is of the second source, because the first one does not have this character.

– Sandro Elias Graziosi

2015/12/24 at 21:29

1 answer

Browser other questions tagged html5 css3

You are not signed in. Login or sign up in order to post.

by Thiago Verney • **101** points · Answer 1 · 2016-02-23T13:38:08+00:00

Unfortunately @font-face only allows you to change the following font attributes: font-family, src, font-stretch (condensing), font-style and font-Weight.

If it’s something small, maybe the font-Weight can solve your problem.

Another solution is to add a standard font-size as below:

* {
  font-size: 1.5em; 
}