Pregunta sobre Fast Velocity Minify de Wordpress:

La fuente Divi y la fuente CSS secundaria no funcionan

Un usuario pregunt贸 馃憞

Hola, cuando intento ver las fuentes que no funcionan para Divi y el tema hijo que cre茅. Aqu铆 est谩 el @ font-face


@font-face {
	font-family: 'as_speedwayregular';
	src: url('fonts/ays_speedway_font_by_angelesart-webfont.woff2') format('woff2'), url('fonts/ays_speedway_font_by_angelesart-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

Para Divi tambi茅n tiene su propia @ font-face. Muestra en GTMetrixs que son 404. Trat茅 de ponerlo en los archivos ignorados pero no funcion贸. Estoy usando WP-hide para cambiar los nombres de las carpetas, 驴har谩 eso alguna diferencia? Todo funciona excepto @ font-face.

Lanzador de hilos

(@ ni帽era7)

Hace 8 meses, 2 semanas

Hola, primero puse esto en las funciones del tema secundario y funcion贸:

function eut_child_theme_print_custom_fonts() {
?>
<style type="text/css">
    @font-face {
        font-family: 'A&S Speedway';
        src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.eot');
        src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.eot?#iefix') format('embedded-opentype'),
        url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.woff2') format('woff2'),
        url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.woff') format('woff'),
        url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.ttf') format('truetype'),
        url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/A&S Speedway.svg#wf') format('svg');
    }
	@font-face {
	font-family: 'ETmodules';
	src:url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/modules.eot');
	src:url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/modules.eot?#iefix') format('embedded-opentype'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/modules.woff') format('woff'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/modules.ttf') format('truetype'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/modules.svg#et-modules') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'etbuilder';
	src:url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/builder.eot');
	src:url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/builder.eot?#iefix') format('embedded-opentype'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/builder.woff') format('woff'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/builder.ttf') format('truetype'),
		url('<?php echo get_template_directory_uri(); ?>/core/admin/fonts/builder.svg#et-builder') format('svg');
	font-weight: normal;
	font-style: normal;
}
</style>
<?php
}
add_action( 'wp_head', 'eut_child_theme_print_custom_fonts' );

Pero luego, en edge y chrome, los estilos faltaban en la hoja de estilo secundaria con cualquier cosa para @ font-face o url. Entonces elimin茅 lo anterior en las funciones y tuve el encabezado y el pie de p谩gina y funcion贸. 驴Es este el mejor m茅todo a utilizar?

Lanzador de hilos

(@ ni帽era7)

Hace 8 meses, 2 semanas

Pero ahora el tiempo de carga ha pasado de 3,9 segundos a 16,3 no demasiado bueno.

Lanzador de hilos

(@ ni帽era7)

Hace 8 meses, 2 semanas

Creo que es un problema porque estoy usando WP-hide para cambiar el nombre de la carpeta wp-content, 驴hay alguna forma de que su plugin reconozca el nuevo nombre?

(@alignak)

Hace 8 meses, 1 semana

Compruebe si est谩 utilizando reglas @import para CSS, ya que suelen ser problem谩ticas. Esas reglas deben eliminarse y, en su lugar, debe poner en cola el archivo al que est谩 vinculado.

Si mal no recuerdo, los temas secundarios de Divi usan la importaci贸n en el archivo secundario para incluir el estilo de crianza. Luego, si intenta ponerlo en cola, lo cambian para que incluya la versi贸n style.dev.css (!) … pero de cualquier manera, lo romper谩.

Deber铆a funcionar bien para las fuentes, pero no lo he probado con wp skin. Puede intentar deshabilitarlo primero y ver si esa es la raz贸n.

Para las rutas, puede usar rutas completas o rutas relativas con la URL ra铆z de sus sitios, es decir:

@font-face {
	font-family: 'as_speedwayregular';
	src: url('/wp-content/path/to/your/fonts/ays_speedway_font_by_angelesart-webfont.woff2') format('woff2'), url('/wp-content/path/to/your/fonts/ays_speedway_font_by_angelesart-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

por supuesto, reemplace el contenido de wp con la ruta correcta y verifique dos veces Chrome si las fuentes son accesibles en esa URL.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *