question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Font family doesn't work well in Google Chrome

See original GitHub issue

When A tow-word font family witch separated by space (like Arial Black or Courier New) is set to a text, Tinymce puts the font family in a double quotation. for example the created html by Tinymce will be like this : <span style="font-family:"arial black";"> some text </span> Pay attention,it puts double quotation in another double quotation !!!

then when i get Tinymce html content and set it to another object like DIV, the style of the text does not work.because Google Chrome doesn’t support double quotation in another double quotation and change html like this : <span style="font-family:;"arial=""black=“”> some text </span>

Why does Tinymce put double quotation around tow-word font family witch separated by space How can i fix this bug?

this bug is just in Google Chrome

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:1
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
majidzncommented, Aug 1, 2016

Hi, Which version would you want to fix this bug?

0reactions
guihuxianshengcommented, May 22, 2018

@spocke I also meet this bug.It show when I set font_formats config and the font-family has whitespace like ‘microsoft YaHei’.The plugin will set font-family value width double quotation mark.When I save my DOM as string and reload the string to editor, it will break the style and add font-family value to the attribule of element.we hope that setting font-family value width single quotation mark.

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Font Style Changes Not Working in Chrome
Arguably invalid font-family declaration. If you open your browser's inspector ( Ctrl + Shift + i in Chrome) you will see that the...
Read more >
[Solved] Google font not working in Chrome and Safari
I'm trying to use the Google font Special Elite on marensblog.dk and everything is working like a charm in IE and Firefox, but...
Read more >
Why does Google Fonts not work properly when I display my ...
If you are using Google Chrome, right click on the mystery text, select Inspect. DevTools pops up, make sure you are on the...
Read more >
Troubleshooting | Google Fonts
By default the NoScript plugin disables @font-face rules. Solution. Open the NoScript Options, go to the Embeddings tab and uncheck: Forbid @font-face. Web ......
Read more >
@font-face not working in Chrome - Google Groups
The font-face fonts showed up fine. For some reason it appears that my user preferences for Chrome are conflicting and telling it not...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found