My NUI is not working with the font 

Hamsyy60 · 2022-07-18T16:09:00.016Z

hello I am using nui and my font doesnt work in fivem but in the browser it does

local showUI = false;

Citizen.CreateThread(function()
RegisterCommand(“showui”, function()
if showUI == false then
SendNUIMessage({type = “enableui”})
showUI = true
else
SendNUIMessage({type = “disableui”})
showUI = false
end
end)
end)

fxmanifest.lua:

fx_version ‘cerulean’
game ‘gta5’

author ‘Hamsyy’
description ‘Hamsyy Taksimetre script`i’
version ‘1.0.0’

ui_page ‘html/index.html’

files {
‘html/index.html’,
‘html/style.css’,
‘html/script.js’,
“html/fonts/DS-DIGII.TTF”
}

client_script “main.lua”

scripts.js

window.addEventListener(‘message’, function(event) {
if(event.data.type == “enableui”)
{
$(“.box”).css(“visibility”,“visible”);
}
else
{
$(“.box”).css(“visibility”,“hidden”);
}

});

index.html

8

:

8

``` style.css: ``` @font-face { font-family: "digital"; src: url(/html/fonts/DS-DIGII.TTF); }

*{
font-family: “digital” !important;
}
.box {
background: #262626e4;
height: 200px;
width: 900px;
margin: 0 auto;
padding: 0;
top: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.innerBox{
height:calc(100% - .5vw);
width: calc(100% - .5vw);
background: #231d1f;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.digits{
margin: auto;
width: 40%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.digit{
margin: auto;
color: white;
font-size: 150px;
font-family: “digital” !important;
color: #421e1e;

}
.dd{
display: flex;
align-items: center;
justify-content: center;
}
.d1{
color: #ff3036 !important;
}
body{
padding: 0;
margin: 0;
}

d7y1 · 2022-07-18T16:32:55.129Z

Hamsyy60:

@font-face { font-family: “digital”; src: url(/html/fonts/DS-DIGII.TTF); }

i think is missing a dot .
try this

@font-face { font-family: “digital”; src: url(./html/fonts/DS-DIGII.TTF); }

Hamsyy60 · 2022-07-18T18:11:39.524Z

nah it isnt working

d7y1 · 2022-07-18T18:22:15.197Z

try rename The Font File

DevNaka · 2022-07-25T19:36:46.472Z

Possibly the issue is this?
Change:

@font-face { font-family: "digital"; src: url(/html/fonts/DS-DIGII.TTF); }

To:

@font-face { font-family: "digital"; src: url(fonts/DS-DIGII.TTF); }

Something that also may be the issue: In the past (not sure why) scripts I’ve worked on that required the use of external fonts in game .TTF fonts wouldn’t work but a .WOFF font would. If the fix above doesn’t work I would try converting the font to a different extension.