please guide me regarding this
i have converted a font.i did this
— uploaded the folder containing .woff , CSS etc files and gave its path
http://akhbarworld.com/public_html/Flaticon_Converted_Font/
— i gave the same name as it was written in css file ‘Flaticon’ in the ‘CUSTOM FONT FAMILY 1’ text.
and saved it.
but the font is not working on the siye
http://akhbarworld.com/urdu
please guide
Hi,
Do you have your font set from theme panel: http://screencast.com/t/YtwLH2XZank
Please let me know and also point me to an title/content which you’ve set to use this font and it doesn’t as I have checked your site and haven’t found any and also tested this and haven’t found any issues.
Thanks
Yes I have set the font to Menu named “flaticon”
Please guide
Hi,
I checked your page source and seems that your custom font file is missing and it’s not loaded. The font family is set but the font is not rendered so please go trough the process of setting the custom fonts again and make sure that you set the path right: https://forum.tagdiv.com/how-to-use-custom-fonts/
I have also tested this and it works fine: http://screencast.com/t/rIVcXfRGVD
http://screencast.com/t/ZSU7Odk3Fq7l
Result: http://screencast.com/t/7akFiBB2z
Thanks
should the path include file name?or shold it be the folder that includes .woff file?
and the path should be of .woff file?
i have added the folder with all types of file
css , woff , html , otf , svg , tff
Hi,
The path needs to include all format files, like this:
@font-face {
font-family: 'My_font';
src: url('custom-fonts/exo2-thinitalic-webfont.eot');
src: url('custom-fonts/exo2-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('custom-fonts/exo2-thinitalic-webfont.woff2') format('woff2'),
url('custom-fonts/exo2-thinitalic-webfont.woff') format('woff'),
url('custom-fonts/exo2-thinitalic-webfont.ttf') format('truetype'),
url('custom-fonts/exo2-thinitalic-webfont.svg#My_font') format('svg');
font-weight: normal;
font-style: normal;
}
See the screenshot form above, I’ve also pointed out the location of the custom-fonts folder which contains the font files:
* http://screencast.com/t/mZV2w12cxJTJ
Make sure you do this right and empty cache/purge if you use CDN files as I have tested this and works fine.
Thanks
Lucian i am a little confused.
i have saved the font in a folder “Flaticon_Converted_Font” in root folder ;”public_html”
in theme panel there is an option to add custom font.
there we can give a link to Custom Font file. should i give link to this folder? or link of a specific file in that folder? also should “public_html folder name be included in the custom font link? like
http://akhbarworld.com/public_html/Flaticon_Converted_Font
also should the css of this font be added in my main style.css ?
is there a video tutorial to adding a font?
thank you for being so patient as this is the first time im adding a custom font to any site
Hi,
You need to add the path of the .woff file here and the name of your custom font: http://screencast.com/t/rAtCx1n96N
After this add the font css to the style.css file like here: http://screencast.com/t/mZV2w12cxJTJ and change the path including the file that contains the fonts.
This should work after all this.
Unfortunately there is no video tutorial. We will consider adding one in the near future.
Sorry for the inconvenience!
Thanks
hey lucian
this is still very confusing and unclear. the first link in your latest post points to something else to what you are writing.
i can give you access to my admin panel. can you please look into it or configure if you can?
Hi,
You have to add the link to the woff file, not the directory in which the fonts are included – http://screencast.com/t/HM1cvQUo
ex. http://akhbarworld.com/public_html/Flaticon_Converted_Font/font_name.woff
You could add up to 3 custom fonts.
Thank you, Emil G.
