Necesito hacer un trabajo que se vea en Firefox porque mi profesor lo verá en la última versión de esta. Cuando lo abro en ese navegador no me aparece mi css, pero en cambio si lo hago en el Chrome se me ve justo como yo quiero. Por favor, ayudarme. El ejercicio ya es suficientemente difícil para mi, como para que además no pueda verlo en el soporte que quiero.
Os dejo aquí el Html5 y el css3 que he utilizado.
HTML5
<!DOCTYPE html>
<html>
<head>
<link href="css/style.css"
rel="stylesheet" type="text/css">
<title>Page Title</title>
</head>
<body>
<h1>Esto me esta deprimiendo. Filosofia</h1>
<p>Estas son pruebas para el ejercicio de tipografia. A ver si hay suerte. Para eso tengo el 13 y el 7, es decir, 137</p>
</body>
</html>
CSS3
@font-face {
font-family: MinionPro-Regular;
src: url(font/MinionPro-Regular.otf);
}
p{
font-family: MinionPro-Regular;
font-size: 1em;
font-feature-settings: 'onum';
/* vendor-prefixes */
-moz-font-feature-settings: 'onum';
-ms-font-feature-settings: 'onum';
-webkit-font-feature-settings: 'onum';
-o-font-feature-settings: 'onum';
}
h1{
font-family: MinionPro-Regular;
font-size: 2em;
font-feature-settings: 'liga';
/* vendor-prefixes */
-moz-font-feature-settings: 'liga';
-ms-font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-o-font-feature-settings: 'liga';
}
Gracias por la ayuda.
Os dejo aquí el Html5 y el css3 que he utilizado.
HTML5
<!DOCTYPE html>
<html>
<head>
<link href="css/style.css"
rel="stylesheet" type="text/css">
<title>Page Title</title>
</head>
<body>
<h1>Esto me esta deprimiendo. Filosofia</h1>
<p>Estas son pruebas para el ejercicio de tipografia. A ver si hay suerte. Para eso tengo el 13 y el 7, es decir, 137</p>
</body>
</html>
CSS3
@font-face {
font-family: MinionPro-Regular;
src: url(font/MinionPro-Regular.otf);
}
p{
font-family: MinionPro-Regular;
font-size: 1em;
font-feature-settings: 'onum';
/* vendor-prefixes */
-moz-font-feature-settings: 'onum';
-ms-font-feature-settings: 'onum';
-webkit-font-feature-settings: 'onum';
-o-font-feature-settings: 'onum';
}
h1{
font-family: MinionPro-Regular;
font-size: 2em;
font-feature-settings: 'liga';
/* vendor-prefixes */
-moz-font-feature-settings: 'liga';
-ms-font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-o-font-feature-settings: 'liga';
}
Gracias por la ayuda.