Cannot style certain elements and messes up font size

[Mon Majhi]

Hi Dinesh,

I am using the theme “Wilson”. I translated some of its strings. Also using the translated version (into Bengali) of WordPress 4.0 from https://bn.wordpress.org/ .

I am trying to use a specific Bengali font called “BNG” for my Bengali language site and uploaded it using Any Fonts.

1. I assigned all styles in the settings, but still some of the elements are not displayed in the embedded and intended font. For example, the text inside the comment form input boxes (both placeholders and user inputed text) and the placeholder inside the searchbox don’t show up in the embedded/intended “BNG” font. The font sizes are also slightly bigger.

2. The sizes of the font in different elements went a bit haywire. For example, the headings of the static homepage, blogposts, archive etc became significantly bigger than the site title – which was not intended and was not so before using Any Fonts. Looks bad. Site title needs to be at least slightly bigger and others smaller relative to that. Different Menu items (the 3 links inside the darker grey box on the left side bar) looks slightly different from each other in size. Which is really ugly. It wasn’t like this either before Any Font.

What can I do to rectify these problems?

[Dinesh]

Hi,

Can you please send me the snapshot pointing out the section you are having problem ?

Thanks

[Dinesh]

Hi,

Can you please send me the snapshot pointing out the section you are having problem ?

Thanks

[Mon Majhi]

Hi Dinesh,

Please check these images –

1. http://monmajhi.hostawesome.com/?attachment_id=56 (this image represents this url – http://monmajhi.hostawesome.com/ );

2. http://monmajhi.hostawesome.com/?attachment_id=57 (this image represents this url – http://monmajhi.hostawesome.com/%E0%A6%AC%E0%A7%8D%E0%A6%B2%E0%A6%97%E0%A6%A6%E0%A6%B0%E0%A6%BF%E0%A7%9F%E0%A6%BE);

3.http://monmajhi.hostawesome.com/?attachment_id=60 (this image comes from the bottom of the comment form in this url – http://monmajhi.hostawesome.com/ , or from any comment form in any page of the site)

4. http://monmajhi.hostawesome.com/?attachment_id=65 (this image represents this url – http://monmajhi.hostawesome.com/%E0%A6%86%E0%A6%B0%E0%A7%8D%E0%A6%95%E0%A6%BE%E0%A6%87%E0%A6%AD )

If necessary, please Zoom in the images or right-c;ick to go to specific image location to be able to read my comments inside the images.

Regards

[Dinesh]

Hi,

Each font have different font size. So the font size are differ due to the font you have used.

But you can always decrease / increase that by font size css property.

Thanks

[Mon Majhi]

That’s one of my point. I have used ONLY 1 font – NOT multiple fonts. Then why is it still coming out in multiple fonts – especially the comment form and searchbox placeholder texts and the Post button label text. These are showing up in an un-uploaded, un-intended font. Please refer to the first pic. How can I rectify these?

[Dinesh]

As reference to the the search box text, you haven’t assign font to it.

And it is taking “Lato”,sans-serif font. If you check style.css in Line 371, you will find it.

Please assign your font to those elements as well.

Thanks

[Mon Majhi]

Hi Dinesh,

Solved the font related problems. Just one final question though. Any Font converted my original font into 2 formats – eot and woff. But is it possible to use woff2, eot?#iefix, ttf and svg formats also with Any Font? I have my original font in these formats too. How can I use these formats as alternative/fallback formats alongside the woff and eot provided by Any Font and make them work with Any Font – so that Any Font can can fallback to any of these formats if woff and eot doesn’t work for some reason? What changes or modification should I make – and where – to achieve this goal?

Thanks!

[Dinesh]

Hi Mon,

Those 2 fonts format are specially fine for all of the devices currently in market. So i don’t think that having more fonts format is good idea.

Thanks

[Author]

Posts