search

razonyang / hugo-theme-bootstrap

A fast, responsive, multipurpose and feature-rich Hugo theme.
https://hbs.razonyang.com
MIT License
508 stars 166 forks source link

Weird glyphs in search results #138

Closed Monklite closed 3 years ago

Monklite commented 3 years ago

I'm not sure if it's a font issue with my computer or what, but I see these weird glyphs with search results. What am I supposed to be seeing?

Example

razonyang commented 3 years ago

image It is result's score.

Monklite commented 3 years ago

Interesting, seems like a font issue on my end then?

razonyang commented 3 years ago

I think that is because your system lack of emoji font? The content is ★★★★★

Monklite commented 3 years ago

I have nerd fonts installed, but not font awesome. I thought all font stuff is usually done on the server side since web servers can often tell browsers to use a specific font/download it. Perhaps I'm wrong, you know a lot lol

razonyang commented 3 years ago

Could you please provide details about your device? Such as OS, browser etc.

Monklite commented 3 years ago

Arch Linux as OS, Firefox as browser. Using the ttf-ms-fonts package for my fonts in Firefox to mimic MS fonts.

Below are my settings: Fonts

EDIT: Just tried with Chromium and got the same effect.

razonyang commented 3 years ago

Haha, I use Arch for working. Please take a look of https://wiki.archlinux.org/title/fonts#Emoji_and_symbols It may be fixed by installing one of those emoji fonts, such as noto-fonts-emoji. You will need to restart your browser.

Monklite commented 3 years ago

I installed noto-fonts-emoji, restarted my browser, and still receive the issue.

It's worth noting that all other glyphs seem to work fine

razonyang commented 3 years ago

I installed noto-fonts-emoji, restarted my browser, and still receive the issue.

It's worth noting that all other glyphs seem to work fine

That is because the content is an emoji symbol, not an awesome font. I'll check this in my Arch Linux later.

Monklite commented 3 years ago

I installed noto-fonts-emoji, restarted my browser, and still receive the issue. It's worth noting that all other glyphs seem to work fine

That is because the content is an emoji symbol, not an awesome font. I'll check this in my Arch Linux later.

Ahh okay. I'm curious to know why an awesome font didn't work here, I assume you tried this during the initial design but ran into issues, so had to rely on an emoji font

razonyang commented 3 years ago

@Monklite Hmm, it seems awesome font is much better.

Monklite commented 3 years ago

@Monklite Hmm, it seems awesome font is much better.

How do you feel about switching it?

razonyang commented 3 years ago

Yep. Done. Please take a look at the live demo https://hugo-theme-bootstrap.netlify.app/en/search/?q=markdown

Monklite commented 3 years ago

Yep. Done. Please take a look at the live demo https://hugo-theme-bootstrap.netlify.app/en/search/?q=markdown

Perfect, thanks!

razonyang commented 3 years ago

That is my pleasure.

Monklite commented 3 years ago

That is my pleasure.

Thanks for all your work today, a lot was done quickly! Very satisfied with the upcoming code features too