Mobile app version of vmapp.org
Login or Join
Bryan171

: Curious CSS: "font-family: restore-n8;" Found some curious CSS in the source for http://contrastrebellion.com/: font-family: restore-n8, restore-1, restore-2, sans-serif; Restore-n8 and the like don't

@Bryan171

Posted in: #Css #Fonts

Found some curious CSS in the source for contrastrebellion.com/:
font-family: restore-n8, restore-1, restore-2, sans-serif;


Restore-n8 and the like don't seem to be font names. What does this CSS snippet do?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Bryan171

2 Comments

Sorted by latest first Latest Oldest Best

 

@Cody1181609

It's Restore, served by TypeKit.

These fonts have been included using CSS3's @font -face. The fonts themselves have been included in the styles, using base-64 encoding, and can be referenced like any other font family in CSS once defined.

Here's a quick example of the CSS that defines one of those fonts:
@font -face {
font-family:"restore-1";
src:url(data:font/opentype;base64,d09GRk--snip--gAA);
font-style:normal;
font-weight:300;
}

10% popularity Vote Up Vote Down


 

@Sarah324

Tried to do a search on it, but it seems like you can only use font-family for font families. Therefore i will assume that restore-n8 actually is a font (probably one that they made themselves). I suppose it's also possible that they used some tool to create the css and it failed somehow and spit out that line.
don't know what else it could be.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme