@ font-face quebrado no tema da criança

No meu site, estou usando o Bootstrap para a estrutura básica ( bootstrap.min.css ) e usando minha própria folha de estilo ( style.css ) para aprimoramentos ou modificações adicionais. Eu declarei @font-face na minha folha de estilo como abaixo:

 @font-face { font-family: 'roboto_condensedregular'; src: url('fonts/RobotoCondensed-Regular-webfont.eot'); src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } 

Está funcionando bem, mas no meu tema infantil, a fonte Roboto não está sendo carregada. Eu enqueued meus estilos em functions.php como abaixo:

 function project_child_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css' ); } add_action( 'wp_enqueue_scripts', 'project_child_theme_enqueue_styles' ); 

Eu até tentei redeclarar @font-face no meu tema filho com o caminho das fonts do tema pai:

 @font-face { font-family: 'roboto_condensedregular'; src: url('../parenttheme/fonts/RobotoCondensed-Regular-webfont.eot'); src: url('../parenttheme/fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../parenttheme/fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../parenttheme/fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../parenttheme/fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } 

Qualquer uma das maneiras que eu verifiquei o console do navegador e confirmou que não há 404 para os arquivos de fonte.

O que está errado?

Solutions Collecting From Web of "@ font-face quebrado no tema da criança"

O problema não está no seu @ font-face, na verdade, está nas funções.php onde você enfiou as folhas de estilo.

O que eu suponho que seu tema pai é enqueuing folhas de estilo como abaixo:

   

Mas o que está acontecendo no seu tema infantil:

    

Porque o código do tema Criança está sendo prioritário.

Então, você precisaria de algo como abaixo – uma ordem de dependência de folha de estilo correta ( como mencionado aqui com $deps ):

 wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array('bootstrap') ); wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) ); 

Observe que a declaração array('bootstrap') no estilo pai carregará o estilo pai depois do bootstrap e a declaração array( 'parent-style' ) no estilo filho carregará o estilo filho após o estilo pai.

    

Siga a dependência correta em conformidade se você tiver mais outros arquivos CSS no seu tema pai.