Sample HTML: Roslindale

Roslindale Variable

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/RoslindaleVariable-VF-Testing.woff2') format("woff2"),
       url('fonts/RoslindaleVariable-VF-Testing.woff') format("woff");
  font-family: 'Roslindale Variable';
  font-style: normal;
  font-weight: bold;
}

Roslindale Variable [Display]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/RoslindaleVariable-VF[Display]-Testing.woff2') format("woff2"),
       url('fonts/RoslindaleVariable-VF[Display]-Testing.woff') format("woff");
  font-family: 'Roslindale Variable';
  font-style: normal;
  font-weight: bold;
}

Roslindale Display Condensed Extra Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedExtraLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedExtraLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 200;
}

Roslindale Display Condensed Extra Light Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedExtraLightItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedExtraLightItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 200;
}

Roslindale Display Condensed Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 300;
}

Roslindale Display Condensed Light Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedLightItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedLightItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 300;
}

Roslindale Display Condensed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedRegular-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedRegular-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Condensed Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}

Roslindale Display Condensed Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedMedium-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedMedium-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 500;
}

Roslindale Display Condensed Medium Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedMediumItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedMediumItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 500;
}

Roslindale Display Condensed Semi Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedSemiBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedSemiBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 600;
}

Roslindale Display Condensed Semi Bold Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedSemiBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedSemiBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 600;
}

Roslindale Display Condensed Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Condensed Bold Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}

Roslindale Display Condensed Black

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedBlack-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedBlack-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 800;
}

Roslindale Display Condensed Ultra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayCondensedUltra-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayCondensedUltra-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Narrow Extra Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowExtraLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowExtraLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 200;
}

Roslindale Display Narrow Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 300;
}

Roslindale Display Narrow Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowRegular-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowRegular-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Narrow Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowMedium-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowMedium-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 500;
}

Roslindale Display Narrow Semi Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowSemiBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowSemiBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 600;
}

Roslindale Display Narrow Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Narrow Black

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowBlack-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowBlack-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 800;
}

Roslindale Display Narrow Ultra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayNarrowUltra-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayNarrowUltra-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Extra Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayExtraLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayExtraLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 200;
}

Roslindale Display Light

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayLight-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayLight-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 300;
}

Roslindale Display Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayRegular-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayRegular-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayMedium-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayMedium-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 500;
}

Roslindale Display Semi Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplaySemiBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplaySemiBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 600;
}

Roslindale Display Bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Display Black

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayBlack-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayBlack-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 800;
}

Roslindale Display Ultra

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit


@font-face {
  src: url('fonts/Roslindale-DisplayUltra-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DisplayUltra-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 900;
}

Roslindale Deck Narrow Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper eleifend velit, eu commodo arcu consequat nec. Cras nec sagittis purus. Cras eget gravida lectus. Phasellus convallis risus ac metus bibendum, eget posuere leo pretium. Etiam vitae bibendum mauris. Sed semper eget lorem non placerat. Pellentesque tincidunt felis vel est faucibus ultrices. Donec sit amet enim nisi. Ut ac leo blandit, cursus mi nec, suscipit libero. Suspendisse tincidunt fringilla porttitor.


@font-face {
  src: url('fonts/Roslindale-DeckNarrowRegular-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowRegular-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Deck Narrow Italic


@font-face {
  src: url('fonts/Roslindale-DeckNarrowItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}

Roslindale Deck Narrow Medium


@font-face {
  src: url('fonts/Roslindale-DeckNarrowMedium-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowMedium-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 500;
}

Roslindale Deck Narrow Medium Italic


@font-face {
  src: url('fonts/Roslindale-DeckNarrowMediumItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowMediumItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 500;
}

Roslindale Deck Narrow Semi Bold


@font-face {
  src: url('fonts/Roslindale-DeckNarrowSemiBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowSemiBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 600;
}

Roslindale Deck Narrow Semi Bold Italic


@font-face {
  src: url('fonts/Roslindale-DeckNarrowSemiBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowSemiBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 600;
}

Roslindale Deck Narrow Bold


@font-face {
  src: url('fonts/Roslindale-DeckNarrowBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Deck Narrow Bold Italic


@font-face {
  src: url('fonts/Roslindale-DeckNarrowBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-DeckNarrowBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}

Roslindale Text Regular


@font-face {
  src: url('fonts/Roslindale-TextRegular-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextRegular-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Text Italic


@font-face {
  src: url('fonts/Roslindale-TextItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}

Roslindale Text Medium


@font-face {
  src: url('fonts/Roslindale-TextMedium-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextMedium-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 500;
}

Roslindale Text Medium Italic


@font-face {
  src: url('fonts/Roslindale-TextMediumItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextMediumItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 500;
}

Roslindale Text Semi Bold


@font-face {
  src: url('fonts/Roslindale-TextSemiBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextSemiBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: 600;
}

Roslindale Text Semi Bold Italic


@font-face {
  src: url('fonts/Roslindale-TextSemiBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextSemiBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: 600;
}

Roslindale Text Bold


@font-face {
  src: url('fonts/Roslindale-TextBold-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextBold-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

Roslindale Text Bold Italic


@font-face {
  src: url('fonts/Roslindale-TextBoldItalic-Testing.woff2') format("woff2"),
       url('fonts/Roslindale-TextBoldItalic-Testing.woff') format("woff");
  font-family: 'Roslindale';
  font-style: italic;
  font-weight: normal;
}