CSS - font-weight

Aus Wikizone
Wechseln zu: Navigation, Suche

Numeric Definitions[Bearbeiten]

    100    Extra Light or Ultra Light
    200    Light or Thin
    300    Book or Demi
    400    Normal or Regular
    500    Medium
    600    Semibold, Demibold
    700    Bold
    800    Black, Extra Bold or Heavy
    900    Extra Black, Fat, Poster or Ultra Black

Font-Weight in Schrift Importen[Bearbeiten]

/* comfortaa-300 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
    src: local('Comfortaa Light'), local('Comfortaa-Light'),
       url('../fonts/comfortaa-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/comfortaa-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/comfortaa-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/comfortaa-v12-latin-300.svg#Comfortaa') format('svg'); /* Legacy iOS */
/*...*/

/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa Regular'), local('Comfortaa-Regular'),
/*...*/
       url('../fonts/comfortaa-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/comfortaa-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
/*...*/
}

/*...*/