Is there a way to get fonts that do not come from or exist on the google fonts website to work with Codepen? -
i found fonts outside of google fonts environment, i'm having difficulty figuring out how add them codepen environment.
they worked great me locally, saving fonts "font 1001" fonts folder in css folder , using following code make them execute:
@font-face { font-family: "ostrich"; src: url("fonts/oslo_ii.ttf") format('truetype'); } @font-face { font-family: "ostrich-bold"; src: url("fonts/oslo_ii_bold.tff") format('truetype'); } @font-face { font-family: "adler"; src: url("fonts/adler.ttf") format('truetype'); }
"font 1001" provides permalink fonts, don't use url format codepen seems , can't find alternative way use non-google fonts.
here format codepen seems except:
@import url(https://fonts.googleapis.com/css?family=tangerine);
here permalink "1001" fonts:
http://www.1001fonts.com/oslo-ii-font.html
it has no ?family=fontname
so guess that's day ruiner.
does no how codepen except fonts desire?
Comments
Post a Comment