How do I fix my custom font not working in theme settings?

[learningdesign]

i have added  my font as an asset

then i upload this code  in theme.liquid

<style>
@font-face {
font-family: "FredokaOne-Regular";
src: url("{{ 'FredokaOne-Regular.woff2' | asset_url }}");
src: local("FredokaOne-Regular.woff2"),
local("FredokaOne-Regular.woff2"),
url("{{ 'FredokaOne-Regular.woff2' | asset_url }}?#iefix") format("embedded-opentype"),
url("{{ 'FredokaOne-Regular.woff2' | asset_url }}") format("woff2"),
url("{{ 'FredokaOne-Regular.woff2' | asset_url }}") format("woff"),
url("{{ 'FredokaOne-Regular.woff2' | asset_url }}") format("truetype");
font-weight: 500;
font-style: italic;
}
</style>

then i am adding this code in  headings  css in customiser to change headings but its not working where i am doing wrong

body {
font-family: "FredokaOne-Regular", sans-serif;
}

[learningdesign · Accepted solution]

my mistake was in place  of body i need  h1

h1 {
font-family: "FredokaOne-Regular", sans-serif;
}