Font weight become unsharp

[Mj]

I have added the following .css to my header main menu:

COPY CODE

.kleo-main-header ul.navbar-nav > li > a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}

But, the font become unsharp: http://prntscr.com/4p6y7h

[Mj]

This reply has been set as private.

[Mj]

Any updates on this ticket?

[sharmstr]

Not sure if this matters or not but you are not specifying 600 in your google font call

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>

http://stackoverflow.com/questions/21332475/bold-fonts-in-google-chrome-are-blurry-font-face
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Mj]

This issue is related to the font weight chosen in the Theme options of KLEO. If the font weight value is not present in the .css stylesheet, it will become unsharp.

[Author]

Posts