Archived topic
Problem customizing types in appearance section
5 replies · Started by Sílvia on April 4, 2022
Hello,
as Ying asked me to do, here I share the link to a site were I have problems with the type.
At 1st I wanted to add some custom fonts (not Google). To do that, I aploaded the fotnt, then added the PHP function with the Code Snippets plugin and after that, I added the @font-face CSS in the section "additional CSS", but:
1. It doesn't work as the type isn't shown in the design
2. The section Typeface in appearance seems to be different form some others ones that I have in another website I worked in GP and, it doesn't matter what fotn I want to work with that it is not applied in the site.
This is the @font-face CSS I wrote:
@font-face {
font-family: 'Brandon';
font-style: normal;
font-weight: 300;
src: url(https://www.*******.com/wp-content/uploads/2022/04/Brandon_reg.otf) format('otf');
}
Yhanks for your help,
Silvia
Hi Silvia,
Change your @font-face CSS to this:
@font-face {
font-family: 'Brandon';
font-style: normal;
font-weight: 300;
src: url('https://www.your-domain.com/wp-content/uploads/2022/04/Brandon_reg.otf') format('opentype');
} Then add the font at font manager, then it will show in the dropdown list of typograph manager:
https://www.screencast.com/t/ZqRqOYfjLpU
Done.
Now the type seems to change as expectetd but, its appearance is not the way it should be.
Brandon is a sans-serif font and, in the site, it is like Times in a bold format.
Any idea about what is wrong and how to solve it?
Thank you
You didn't change www.your-domain.com to your site link?
Ups! In fact I didn't :( Sorry about that.
It works perfectly now.
Just one more thing. The type I uploaded doesn't have am italic format.
Do you think it is possible to upload the italic one and do the same we did with the initial one having the chance to use both?
Yes I think so :)
