html5 – Change the font-size by @font-face


Is it possible to change the font-size of a font inside @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);

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

The first font doesn't have the character Ó, so I want to use the Ó of the second, however the second font is smaller than the first, so I need to increase it. If you know of any other way to solve this problem, please indicate a path. Thanks!


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 small, maybe the font-weight can solve your problem.

Another solution is to add a default font-size, like below:

* {
  font-size: 1.5em; 
Scroll to Top