Buenas tardes querido foro, hoy tengo un inconveniente con @font-face. En mi CSS tengo lo siguiente:
Código HTML:
/* - brand-container - */
.main-header .brand-container {
float: left;
padding: 0;
margin-right: 15px;
width: auto;
max-width: 110px;
height: 46px;
overflow: hidden;
word-break: break-all;
}
.main-header .brand {
display: inline-block;
width: 100%;
padding: 0 0 0 20px;
font-size: 16px;
font-weight: 600;
line-height: 46px;
color: #fff;
opacity: 1;
font-family: 'Open Sans';
text-transform: lowercase;
-webkit-transition: all .2s;
transition: all .2s;
}
.main-header .brand:hover {
opacity: 0.4;
text-decoration: none;
}
/* -- */
En .main-header .brand tengo que cambiar por @font-face pero intento lo siguiente y no me queda:
Código HTML:
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
p {
font-family: "Open Sans Condensed", cursive;
font-size: 150%;
}
La fuente del sitio sigue saliendo igual y no la que quiero que lea desde Google. Si alguien me puede ayudar y pasarme el código limpio modificado, porque no se que hago mal.
Muchas gracias.