Este es mi html:
Ahora cuando cargo la página, el inspector de Safari me da:
Recurso interpretado como hoja de estilo pero transferido con texto tipo MIME / html
Estoy trabajando en localhost con MAMP. No estoy seguro de qué modificar para que esto funcione. Leí que esto podría ser un problema de servidor de algún tipo.
¿Cómo lo soluciono?
Cree un archivo .htaccess en su carpeta raíz (o actualice la existente) con esta línea dentro
AddType text/css .css
esto le indicará a apache que envíe el encabezado de content-type correcto para el archivo .css
Existe la posibilidad de que no solo los recursos CSS se hayan interpretado erróneamente. Tal vez sea un problema de la configuración de tu servidor web.
La mejor forma de comprobarlo es ir a Chrome -> pestaña Red y verificar la sección de respuestas para cada solicitud. También puedes ejecutar $ curl -I http://path_to_file_or_page con terminal y echarle un vistazo a la respuesta, deberías verlo en el siguiente formato, por ejemplo, Content-Type: image/jpeg
Entonces, si ocurriera que el servidor web (apache) lo hace para todos los archivos, entonces puede intentar resolver el problema de la siguiente manera:
Verifique su /etc/apache2/apache2.conf Si hay alguna SetHandler application/x-httpd-php , intente comentarla y luego vuelva a cargar su apache por $ sudo system apache2 reload
Háganos saber si el problema todavía está allí.