NormalizeCSS shouldn't lowercase font style attributes

[Charlie]

Currently, there is no way to specify a font family which has uppercase characters. It is noted in the CSS Specifications that font families can be case sensitive on certain systems (Just like links).

Thus when a font family gets passed through the normalizeCssText function. It is always made lower case. This shouldn't happen...

Note that this is not the same problem as the browser touching of font-family like #5528 deals with

[Tobiasz Cudnik]

To be clear, it's related to styles plugin. If you type font name by hand, it won't be lower cased.

[Alfonso Martínez de Lizarrondo]

Dup of #5930

[Jakub Ś]

I think the problem is parseCssText method where font-family is set to lower case.

It can be reproduced in both CKE 3.x and 4.x.

[Piotrek Koszuliński]

CC

[Piotrek Koszuliński]

There's a reason why font names are converted to lower case - #7322. We need to investigate whether these cases do not exclude themselves.

[Piotrek Koszuliński]

Related issue: #10750.

[Roy Shoa]

Are there is any way to prevent from the CKEditor to change the font-family property value to lower case ?

I'am having a problem using Google Fonts. When I need to make the API request for a font it must be in case sensitive and I make the request according to the font that the user choose in my CKEditor font plugin.

If the CKEditor change the font to lower case and I make a request to Google Fonts API I do not get the font CSS.

Did anyone can give me a solution that I can use (even in my plugin) to fix this?

This is the code that I am using now to change the font:

		var style = new CKEDITOR.style( {
			element: 'span',
			styles: { 'font-family': myFontFamily }
		});
		
		editor.applyStyle(style);

[Roy Shoa]

Replying to royshoa:

Are there is any way to prevent from the CKEditor to change the font-family property value to lower case ?

I'am having a problem using Google Fonts. When I need to make the API request for a font it must be in case sensitive and I make the request according to the font that the user choose in my CKEditor font plugin.

If the CKEditor change the font to lower case and I make a request to Google Fonts API I do not get the font CSS.

Did anyone can give me a solution that I can use (even in my plugin) to fix this?

This is the code that I am using now to change the font:

		var style = new CKEDITOR.style( {
			element: 'span',
			styles: { 'font-family': myFontFamily }
		});
		
		editor.applyStyle(style);

The variable "myFontFamily" can get Arial but the CKEditor add it as: arial.

[Jakub Ś]

I have decided to close this ticket as DUP of #10750 and make the #10750 general ticket for this problem.