Agregar esto a style.css funciona:
* { font-family: "Courier New", Courier, monospace; } Probablemente porque Courier New es ampliamente popular y compatible. Sin embargo, usar esto en mi fuente personalizada no «funciona:
@font-face { font-family: "new-baskerville"; font-style: normal; src: url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: local("new-baskerville"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot") format("embedded-opentype"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } O cambiar @font-face a * tampoco funciona. Los archivos existen en la ruta. ¿Sabes por qué es eso?
Comentarios
- Tienes que trabajar con una URL absoluta u obtener la URL relativa correcta, como la hoja de estilo probablemente no esté ' t en la raíz del documento de su instalación de WP. Las preguntas sobre CSS generalmente no están relacionadas con el tema en Desarrollo de WordPress . Eche un vistazo al centro de ayuda para familiarizarse con las pautas del sitio.
Responder
Este artículo tiene información muy útil sobre @font-face y problemas de compatibilidad … por si acaso.
A continuación, se muestran algunas posibles mejoras en su sección @ font-face:
- Una de sus entradas src enumera «local». Intente eliminar eso.
- Intente usar direcciones explícitas para sus archivos.
- Asegúrese de que realmente pueda abrir sus archivos de fuentes, o al menos no obtenga un error 404.
- Intente enumerar sus archivos como lo hice, con dos entradas src: una para IE y otra para navegadores modernos.
- Vea si sus archivos de fuentes proporcionan un archivo TTF para Safari y navegadores móviles.
`
@font-face { font-family: "newBaskerville"; src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot?#iefix") format("embedded-opentype"), url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } Finalmente, aplique la fuente a su cuerpo con estilos alternativos, como lo hizo en su ejemplo de Courier anterior:
body{ font-family: "newBaskerville", Courier, monospace; } nota: Asegúrese de utilizar el mismo nombre al aplicar el nombre como lo hizo al definirlo. En mi caso, «newBaskerville», para evitar problemas con los espacios y / o la puntuación.
Comentarios
- Si no puede abrir o descargar sus archivos de fuentes a través de la barra de direcciones del navegador ' s, debe asegurarse de que su servidor esté configurado con los tipos de mime adecuados, como sugerí en su otro hilo de preguntas, para este mismo problema.
- muchas gracias. ¿Sabe por qué
@font-facepor sí solo no puede cambiar la fuente, ybodydebe especificarse? ¿Qué pasa con otros archivos de variación de fuente, como negrita o cursiva? Además, ¿hay alguna manera de decirle a un texto insertado directamente en header.php que use esta configuración? ¿Y sabes cómo usar la fuente al editar publicaciones?