24 replies

@font-face practices

Hey, what are some best practices for using

@font-face

@font-face

? Perhaps some properties that are a must? I currently use it like this, i'd appreciate any pointers, things i've missed or clarification that i've got it down. Thanks in advance.

@font-face {
  font-family: 'xyz';
  font-style: normal;
  font-weight: 400;
  src: 
    url(fonts/regular.woff2) format('woff2'),
    url(fonts/regular.woff) format('woff'),
    url(fonts/regular.ttf) format('truetype');
}

@font-face {
  font-family: 'xyz';
  font-style: normal;
  font-weight: 400;
  src: 
    url(fonts/regular.woff2) format('woff2'),
    url(fonts/regular.woff) format('woff'),
    url(fonts/regular.ttf) format('truetype');
}

KP-C

Kevin Powell - Community•2y ago•

24 replies

snxxwyy

@font-face practices

Hey, what are some best practices for using

@font-face

@font-face

? Perhaps some properties that are a must? I currently use it like this, i'd appreciate any pointers, things i've missed or clarification that i've got it down. Thanks in advance.

@font-face {
  font-family: 'xyz';
  font-style: normal;
  font-weight: 400;
  src: 
    url(fonts/regular.woff2) format('woff2'),
    url(fonts/regular.woff) format('woff'),
    url(fonts/regular.ttf) format('truetype');
}

@font-face {
  font-family: 'xyz';
  font-style: normal;
  font-weight: 400;
  src: 
    url(fonts/regular.woff2) format('woff2'),
    url(fonts/regular.woff) format('woff'),
    url(fonts/regular.ttf) format('truetype');
}

@font-face practices

Similar Threads

@font-face practices

Similar Threads

Similar Threads

Similar Threads