# FONT problems - not necessarily related to PG

**URL:** <https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287>\
**Category:** Showcase\
**Created:** [August 27, 2019, 2:29pm UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287 "2019-08-27T14:29:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 27, 2019, 2:29pm UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/1 "2019-08-27T14:29:12Z")

</div>

Hi guys,

am about finalising a project which is in fact one of the first pure PG one I did.

[https://bit.ly/3262ocR](https://bit.ly/3262ocR)

All the prior projects were often a half/half thing.  
It’s a re-design from this page (which I archived for you) [https://bit.ly/2HujLw8](https://bit.ly/2HujLw8) made with FreewayPro about ten years ago (or so).

So perhaps time to show - and - asking you for doing me a favour:

I know - it’s bloody german, but the Headings of this particular Site is looking somehow weird.

Not for the life of me I’m able to see what I did wrong. I thank you in advance for any pointer.

Cheers

Thomas

Oh and yes: The work in PG was so cool and somehow easy. I’m happy being part of this community.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [August 27, 2019, 8:09pm UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/2 "2019-08-27T20:09:24Z")

</div>

In what way @Thomas?  
How do they look weird to you?  
Nice improvement over the last site as well, well done.

Although, I’m not quite sure of the logic of the upper navigation and the _Sitemap_ link, which then highlights the _Kontact_ upper menu item, and shows both that and the sitemap, when you click the _Sitemap_ upper menu link.

Maybe drop the _Sitemap_ link in upper menu,  
bin the sitemap section itself  
and incorporate the sitemap content into the upper menu, maybe with a shallow drop down.

?  
unless its to client spec in which case, Ill be quiet 😃

It’s just that I know myself and some others quite often find different/menus for nav, occasionally confusing as menus seem the same, but then some options are in one, but not the other.

Apart from that and the _bloody German_ Nice 😃  
Nice use of space and uncluttered.

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 27, 2019, 9:15pm UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/3 "2019-08-27T21:15:27Z")

</div>

Hi Ian,

> [@schpengle](#):
>
> In what way @Thomas?

That’s what I see in Safari and Chrome (Mac) - which perhaps illustrates the matter a bit more precise:

![19](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e97429063515675e96ff2823c53578afee40b808.png)

It simply doesn’t fit correctly - more/less gaps.

The rest regarding the navigation/sitemap stuff:

Agreed - the highlighting might be a kind of downside - I have to think about.

But briefly said:

The main nav keeps you on page - focusing what matters on each particular page!  
The sitemap however allows you tracking the site.  
It’s a concept, I developed (perhaps) on my own. Reason is, that a top-nav carrying you “everywhere” makes content on this particular page less important - especially on the index.

It’s somehow: “Let’s see what we have - and decide if this content fits to my needs. Detailed infos coming by the Call-to-action.”

> [@schpengle](#):
>
> unless its to client spec in which case, Ill be quiet 😃

Well - client does not have any. I’m the designer and I decide what’s best. Sounds harsh, is harsh - but it’s simply the truth - and the real way doing web-design.

But as said: This highlight-thing is to review. Problem is, that this particular section can’t be reached by scrolling - no matter which div I’m targeting. And I can’t prolong the page just for the highlight in page-menu. I have to think about.

Cheers

Thomas

Oh yeah @schpengle: Glad you like it - really appreciated

---

<div class="post-metadata">

**Author:** ![m-artin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/m-artin/32/1447_2.png) [@m-artin](https://forum.pinegrow.com/u/m-artin)\
**Post date:** [August 28, 2019, 7:52am UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/4 "2019-08-28T07:52:55Z")

</div>

Hi Thomas,  
nice redesign job, well done!

Thanks for clarifying, your screenshot helped me to have a look at your issue. This is probably related to the font (Archivo Narrow) or font-file itself. Everything looks fine in a quick test, when you set the font-family to ‘Helvetica’ for example.  
Hope this helps you to investigate further.

---

<div class="post-metadata">

**Author:** ![m-artin](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/m-artin/32/1447_2.png) [@m-artin](https://forum.pinegrow.com/u/m-artin)\
**Post date:** [August 28, 2019, 7:59am UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/5 "2019-08-28T07:59:48Z")

</div>

Yes, it is indeed an issue with the font itself. (have a look at the screenshot)  
So maybe the font ‘Roboto Condensed’ or something similar is a good alternative for you.

 ![pg-forum-archivo-font](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d89f8db9640c3aaa82fdd7dbcf8a7b1a3cbfec8b.jpeg)

P.s. I’ve noticed one small issue on my mobile: The navigation popup doesn’t close, after choosing a page link in the menu.

---

<div class="post-metadata">

**Author:** ![Thomas](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/thomas/32/61_2.png) [@Thomas](https://forum.pinegrow.com/u/Thomas)\
**Post date:** [August 28, 2019, 9:59am UTC](https://forum.pinegrow.com/t/font-problems-not-necessarily-related-to-pg/3287/6 "2019-08-28T09:59:32Z")

</div>

Hi @m-artin,

thanks to you as well for having a look into this (and thanks as well you like it).

> [@m-artin](#):
>
> P.s. I’ve noticed one small issue on my mobile: The navigation popup doesn’t close, after choosing a page link in the menu.

Oh yeaaahhh. Forgot about it as well - fixed meanwhile by one line of JS. Great pointer - invaluable.

> [@m-artin](#):
>
> So maybe the font ‘Roboto Condensed’ or something similar is a good alternative for you.

In fact, this is my standard and can’t recall correctly what made me use “Archivo”. It came pretty sure from a first draft (or even an inspiring site). Kept and forgot. I probably smuggle Roboto in - but let it keep between the two of us 🙂

Cheers

Thomas
