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!