El código lo puse así:
@font-face {
font-family: gloss;
src: url(dl.dropbox.com/s/31wej8xgnha3v0c/gloss.ttf);
format("truetype"); }
e incluso así:
@font-face {
font-family: "GlossAndBloom";
src: url("./fonts/gloss.eot"); /* IE9 Compat Modes */
src: url("./fonts/gloss.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("./fonts/gloss.otf") format("opentype"), /* Open Type Font */
url("./fonts/gloss.svg") format("svg"), /* Legacy iOS */
url("./fonts/gloss.ttf") format("truetype"), /* Safari, Android, iOS */
url("./fonts/gloss.woff") format("woff"), /* Modern Browsers */
url("./fonts/gloss.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
Y nada de nada... Incluso el CSS es este:
( no sé por qué me da error al subir las capturas, para mostrar como me queda colocado, pero bácisamente es una font con serifas...) Gracias a los que me puedas ayudar de antemano, os amo....namestaff h1 {
color: #fff;
font-family: gloss;
font-size: 60px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: 20px 20px 0 0;
position: relative;
text-shadow: 1px 2px 0 #383838;
z-index: 10;
}