Forum | Appery.io

Hi

I'm trying to add a ttf font file to the font folder but I can't find it.

I'm following

https://getsatisfaction.com/apperyio/...

which is saying that it should be in

source web_resources files views assets font

however i have no "files" folder in web_resources.

can you help?

Hello Paul

Please create this "font" folder and in a separate CSS file add a @font-face rule, specifying the source (../fonts/..your font.ttf)

Then use simple css rule to apply it to whole project or whatever components you want

Thanks Evgene,

1 Created a "font" folder in Source tab, under Web resources.

2 Uploaded my .otf fonts into that that folder

3 Added the following into a css file

@font-face {
font-family: MyriadPro-Regular;
src: url('../font/MyriadPro-Regular.otf');
}

@font-face {
font-family: MyriadPro-Bold;
src: url('../font/MyriadPro-Bold.otf');
}

@font-face {
font-family: MyriadPro-It;
src: url('../font/MyriadPro-It.otf');
}

@font-face {
font-family: MyriadPro-Semibold;
src: url('../font/MyriadPro-Semibold.otf');
}

4 Used the font wherever relevant using css

for example

.bigimagebutton {
height: 35px!important;
font-size:30px;
text-align:left;
background-color:#645F9C !important;
background-color: rgba(100, 95, 156, 0.85)!important;
font-family:"MyriadPro-Bold" !important;
}

Thanks for the help

Thank you for update! Glad it works now!