@font-face {
  font-family: 'Sofia';
  font-weight: 300;
  src: url(light.ttf) format('truetype');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 400;
  src: url(regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 500;
  src: url(semi_bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 700;
  src: url(bold.ttf) format('truetype');
}

/* @font-face {
  font-family: 'Sofia';
  font-weight: 300;
  src: url(font_light.woff2) format('woff2');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 400;
  src: url(font_regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 500;
  src: url(font_semi_bold.woff2) format('woff2');
}

@font-face {
  font-family: 'Sofia';
  font-weight: 700;
  src: url(font_bold.woff2) format('woff2');
} */