What is the wrong with this code, why font is not working?

Ionic Framework ionic-v3
1

Dears,

I don’t understand what is wrong with this code?

$Cactus-Normal-path: $font-path !default;

@font-face {
    font-family: "Cactus-Normal";
    src: url("#{$Cactus-path}/Cactus-Normal.eot");
    src: url("#{$Cactus-path}/Cactus-Normal.eot?#iefix") format("embedded-opentype"),
        url("#{$Cactus-path}/Cactus-Normal.woff2") format("woff2"),
        url("#{$Cactus-path}/Cactus-Normal.woff") format("woff"),
        url("#{$Cactus-path}/Cactus-Normal.ttf") format("truetype"),
        url("#{$Cactus-path}/Cactus-Normal.svg#Cactus-Normal") format("svg");
    font-weight: normal;
    font-style: normal;
}

variables.scss
@import "Cactus-Normal";

Error:
sass: d:/apps/src/theme/variables.scss, line: 89

File to import not found or unreadable: Cactus-Normal. Parent style sheet:
d:/apps/src/theme/variables.scss