@font-face broken in child theme

The problem is not there in your @font-face it’s actually in the functions.php where you enqueued the stylesheets.

What I assume your parent theme is enqueuing stylesheets like below:

<link rel="stylesheet" id='bootstrap-css'  href="http://example.com/wp-content/themes/parenttheme/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" id='style-css'  href="http://example.com/wp-content/themes/parenttheme/style.css" type="text/css" media="all" />

But what’s happening in your child theme:

<link rel="stylesheet" id='parent-style-css'  href="http://example.com/wp-content/themes/parenttheme/style.css" type="text/css" media="all" />
<link rel="stylesheet" id='child-style-css'  href="http://example.com/wp-content/themes/childtheme/style.css" type="text/css" media="all" />
<link rel="stylesheet" id='bootstrap-css'  href="http://example.com/wp-content/themes/parenttheme/bootstrap.min.css" type="text/css" media="all" />

Because Child theme’s code is getting priority.

So you would need something like below – a correct stylesheet-dependency-order (as mentioned here with $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' ) );

Note, the array('bootstrap') declaration on parent style will load the parent style after bootstrap, and array( 'parent-style' ) declaration on child style will load the child style after parent style.

<link rel="stylesheet" id='bootstrap-css'  href="http://example.com/wp-content/themes/parenttheme/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" id='parent-style-css'  href="http://example.com/wp-content/themes/parenttheme/style.css" type="text/css" media="all" />
<link rel="stylesheet" id='child-style-css'  href="http://example.com/wp-content/themes/childtheme/style.css" type="text/css" media="all" />

Follow the correct dependency accordingly if you have more other CSS files in your parent theme.

Related Posts:

  1. Issues enqueueing parent & child theme stylesheets with revised Codex method
  2. Why is the Child Theme Stylesheet Not Loading?
  3. Give priority to child theme stylesheet
  4. Get parent theme version
  5. How to use parent theme’s enqueue methods
  6. How to maintain wp_enqueue_style dependencies set in parent theme style enqueuing
  7. Enqueue styles properly in a child theme and stylesheets location
  8. Style.css in child theme is loaded before Bootstrap
  9. How are updates to the style.css file in child theme recognized?
  10. How do I set up a child-theme without using @import
  11. Find a Parent Theme’s stylesheet $handle when it registers a stylesheet
  12. Dequeue only stylesheets but not inline style added using wp_add_inline_style
  13. Enqueue stylesheets if parent theme has more than one .css file
  14. ERROR MESSAGE: Missing index.php—Child Theme
  15. Priority loading file css in child theme
  16. Is my child theme working properly
  17. Child theme style repeated
  18. How to NOT call Font Awesome or font icons in WordPress
  19. Prevent a base themes css file from loading
  20. WordPress Child theme’s css not loading
  21. Confused about how to use wp_enqueue_style
  22. Child style loads before all parent styles
  23. How can I get this child theme stylesheet to properly load? Or if it is correct, why doesn’t my child theme appearance match the parent?
  24. How to make child theme in wordpress with wp_enqueue_style ? Using Enough Theme
  25. Can only override parent theme styling with ‘!important’ in child style.css
  26. Why does using wp_register_style without wp_enqueue load and print CSS tags in the front-end?
  27. Remove Stylesheet by URL that has not been enqueued
  28. How to enqueue multiple style sheets into my child theme in wordpress (oceanwp)
  29. how to fix loading scripts in child theme?
  30. Why won’t my Custom CSS Load
  31. How to create my own style.css file in an wordpress child-theme
  32. Versioning @import of parent theme’s style.css
  33. How to add code to Header.php in a child theme?
  34. Why does my child theme CSS get called twice?
  35. Attributing a version number to a child theme’s main stylesheet
  36. how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
  37. Hiding Parent Theme
  38. how to call files in child theme?
  39. Child theme showing a blank page
  40. Child theme preview missing
  41. Child Theme Performance
  42. How can you change default color scheme in a Twenty Fifteen child theme?
  43. I created a child theme and it doesn’t work for some of the css files
  44. Child Theme Not Overriding Parent Theme
  45. Proper way to make a tweaked theme into child-theme setting?
  46. Promoting child theme to stand alone
  47. Activating child theme returns “active theme is broken”
  48. How to override enqueued styles using a child theme
  49. Can’t override footer.php in child theme
  50. Recommended way to load / enqueue parent and child stylesheet to enable cache busting
  51. HTML head-tag get broken in my child theme
  52. iPhone Safari full size & PC versions different
  53. Where is wp-content/themes folder?
  54. Enqueue Child CSS to Load After Bootstrap CDN
  55. Child theme style.css versioning
  56. How to add child theme after using parent theme for long
  57. How to remove a script that was queued up in the footer in a parent theme
  58. How do I override a sidebar that is registered in a parent theme when using a child theme?
  59. PHP loop that selects posts with a particular in-post option
  60. Child Theme Translations with PoEdit
  61. Someone created a child theme, but I need to modify it to reorder content. How do I access the child theme?
  62. Different ways to load child theme css
  63. Child Header.php Not Showing On Other Pages
  64. How to extend parent theme sections and settings to Options Tree
  65. Localize strings for translation
  66. Add head and body function for google tag manager in child theme
  67. Child theme does not load all style
  68. Can I add customizer sections in the Twenty Seventeen theme?
  69. Creating child-theme from other template files
  70. Child theme not overriding ‘includes’ folder on server – on localhost it does
  71. child theme – moved files from twentyeleven theme to child them, now not working
  72. Which is the child theme and which is the parent theme?
  73. Storefront theme : Add Categoy to recent products section
  74. Show full post in category archive pages in twenty-nineteen theme
  75. design has been broken in WordPress child theme [closed]
  76. Parent theme styles overriding child theme CSS [closed]
  77. Creating child theme out of Coeur
  78. CSS stopped working after line 150 [closed]
  79. Override file in parent theme
  80. disable jscrollpane in specfic div [closed]
  81. Twenty ten or Twenty eleven as base for responsive child theme
  82. use child theme for mobile version
  83. How to replace function in child theme?
  84. Change child theme after updating parent theme
  85. Including code from other themes in child themes
  86. Best practice when a theme already has a parent theme (so can’t create child theme)
  87. Child Theme not loading multiple stylesheets
  88. How to override styles from child theme if all the styles are in a folder?
  89. Alpha-store-child does not save changes
  90. why child theme style sheet in wordpress editor is blank?
  91. How to Create a Child Theme for a Site that Already has a lot of Customization?
  92. How to prevent funny characters on Home Page
  93. Change default header image in twenty fourteen child theme
  94. Why are my parent styles loading after my child styles?
  95. Functions.php in Child Theme – load JS
  96. creating a new child theme
  97. How to activate the child theme in WordPress?
  98. Selling a child-theme of twenty-thirteen is legal? [closed]
  99. What is __(arguments) in my functions.php
  100. How to override a theme template file with a child theme template file (of the same name)