huangyuzhang / Fizzy-Theme

🥤A tasty blogging theme for Ghost.
https://fizzy.cc
MIT License
282 stars 68 forks source link

Word Spacing in Blockquotes #59

Open thewhaledev opened 3 years ago

thewhaledev commented 3 years ago

Hello,

We currently use your theme for our political blog and it is fantastic. Our only issue is with the blockquote which will sometimes have strange spacing between the words and even between letter. See this image:

image

Is there a way to fix this?

Many thanks :)

denvergeeks commented 3 years ago

@thewhaledev -- Maybe you copy/pasted that text you used in the blockquote. I found that page on your site and tried it on my site using Fizzy, and here's what I found...

The apostrophes pasted in from your text are rendering differently than if you just type in the apostrophe in the markdown editor.

As you can see in my images below, I tried adding (typing in) the word It's into the beginning of your paragraph. That apostrophe looks different than the ones that were pasted in. If you replace the apostrophes on your site by typing them in, I suspect that will correct the problem you are having.

So, I don't think its a bug in the theme code -- just a copy/paste issue from the source you copied the original quote text from.

You can prevent this in the future by either copying from straight text (.txt) non-formatted text; or if you are copying from a Microsoft Word or any other source, you can first copy the text into a plain text editor, and then copy it from the plain text editor into your site's post editor. This will serve to remove any (invisible) formatting that might cause formatting issues in your posts.

Hope this helps!

Screenshot 2021-02-02 184422 Screenshot 2021-02-02 184556

huangyuzhang commented 3 years ago

The issue is caused by the font you're using, simply modify the order of the corresponding font-family in the CSS file. You may reference the URL of the page here, so I can inspect the element for you.