Shape 5

I've arabic website using content king.

1st: I put this: <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> before the </head> on the index.php and I edited the custom.css to call the family font (font-family: 'Lato', sans-serif;) and to override the font selection in the vertex control panel

The results appears in the attachment as follows (DESIRED FONT)

Then, 2nd: I discovered that LATO font is available in the fonts included in the vertex google fonts!. I removed this: <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> from my index.php and removed the CSS styling to use the lato font all over the website. The results is (UNDESIRED FONT) even they are the SAME fonts in name (both) are LATO!

I wonder why there is a difference between the font included in content king and the font that I embedded manually?

and How can I apply the desired font to the whole website!? since I can see that after applying it via the 1st way. The font does not override the menu, the date and the read more in news display :(

Please help!

Hello,

If Lato is not showing properly then that font does not support your language. That's an issue with the font itself. You would need to pick another one. A simple web font like Arial (which is in the same drop down) would work and looks very similar to Lato.

I am not sure why you are removing the google font call from the index.php file? That should remain there as it provides the appropriate calls for styling different areas of the site. We can't debug code that you've modified.

You did not undertsnad me at all!

First, I put this:  <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> in the index.php because IT WAS NOT there! I just put it to test the font and IT WORKED FINE!

However, The default LATO in content king vertex panel is NOT the SAME as LATO that I've imported from google!

Both fonts support my language and both are imported from GOOGLE fonts!. Mine is working and your defualt LATO in vertex is NOT working and giving the same result.

This issue is related to the vertex or to the content kind not to my font!

Hello,

We have no control over Google Fonts and it is called using the same link you posted in the source for Lato. Make sure if you are using another language you specify a subset.

Just to let you know, you can find our Google font call in the /templates/content_king/vertex/css_js.php file if that helps any.

Ok.

Can you let me know how can I change every single letter in the website to the LATO that I want? - I will add this to the index.php
 <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

But, when I style the body via CSS, The font "Tahoma" is still overriding my newly selected font by !important so, I am unable to edit the font of menu, the READ MORE of news news display and the title of the articles. Can you mention how I can remove "tahoma"?

The structure of the CSS is a little bit too complicated to find out where are every font is coming from!, You guys need a little more care about this point. Every customer should be easily able to edit the fonts without too much complications!

You can easily change the font in the Vertex admin area for the template. Once in the admin area go to "main > styling"

Man, It is NOT giving me the exact font that I want. I will use the direct add in the index.php but, I need to override the VERTEX selection (because it sticks) to Tahoma font in the MENU, Read more of the news display on the home page and the articles title!

Can you mention how to override ALL the fonts in the website to apply what I want

That is odd, could it be that Tahoma is set in the theme specific area? That is the second place that you can set a font for this template. You can see so in the screenshot here:

http://www.shape5.com/demo/content_king/index.php/features-mainmenu-47/template-specific-features

Well, you are telling me again to select via vertex even I mentioned that it is NOT giving the same font that I want.

Ignore vertex font selection please. I want to override the fonts using the way that I've mentioned and I want to override tahoma using css code. !important is NOT overriding what you've written in the template!

can you tell me how to override your vertex fonts using CSS for these three parts

MENU //// Read more of the news display on the home page /// and the articles title!?

Please be notified that I used CSS !important to override the font but, they are not showing correctly. They are sticking to vertex fonts which I want to override

Can you please post a URL of where you are overriding the fonts? I can take a look at the CSS and see why they are not getting overwritten by the font you added.

Related to the same problem which is: I'm unable to get the same "screen" font when I use your templates while, I am able to get the requested result with any other template when I call the same font!

See attachment (1) green parts indicates using open sans and san serif family. the result appears in the web page as desired!

to be continued ...

while, in the attachments no. 2 using open sans, does not give the same font and weirdly, I've Helvetica,Arial included in the CSS as you can see even, I've never picked them.

Can you give me a CLEAN solution to correct this bug because it is very weird behavior from your template to deliver different "look" for the same name google font!

Please be notified that I only picked from themes setting OPEN SANS! and the result is not the same as the OPEN SANS I've picked in the previous post template which is using google fonts too!

I'm very confused on how it could do this and we've never had a report of this before. So could you give me 2 URLs? One to where its not working and one where it is? The only difference I see from your 2 screenshots is that one has a font weight of 300 while the other is 400 which would cause the font to appear different. Outside this I'd have to see live URLs of the issue.

Thanks!

Check your private message :)

Thanks, do you have a second URL where its not working on one of our templates so I can compare?

Jonahh, Did you read the private message I've sent? - This is the second time you are not reading my private message to the end!

I've mentioned 2 links in the private message, 1st is working and fine with the font, while the 2nd is using the same font (on content king template) and it is NOT showing the same look even that both fonts are the same!

Please re-read my last private message

Opps sorry about that  :(

Ok so I checked both now and I replaced the text to match the other site in firebug as its hard for me not knowing the language. When I got the exact text it appears the same for me on both templates. I replaced the title text for the article on the site that is using Content King. Please see attached and let me know if I'm missing something. Thanks

you replaced it how? and what is the font that you replaced? so, I can try by my self

by the way, you can view the websites live via the links that I've sent and compare between the 2 with the eyes, you do not have to know the language. The fonts are clearly different!

I did it in Firebug a plugin for Firefox. You can inspect the page and edit HTML live to see its effects


In the screenshot I attached I can't see what is different? They are the same besides one being the color blue and different font sizes. But font family is exactly the same in the screenshot I attached to my previous post.

No, they are NOT the same. Check the LIVE websites again please!

see the attached screen shot,

The highlighted in blue three words in BROWSER. It is pretty clear that the fonts are NOT the same!

Please offer me a real help to fix this issue

Ok I think I finally found the issue. I do see the difference now. I did some more testing on your site and could also see how the font looks different. It was hard as I'm not used to the language and characters used.

So some reason Content King is using Sans Serif even though Exo is selected and listed first in the on font list as you can see below. I believe the following should fix this. Open up the index.php file for Content King and look for:


change it to: