Skip to content

Browsers apply extraneous spaces when letter-spacing #319

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
xfq opened this issue Jul 30, 2020 · 3 comments
Open

Browsers apply extraneous spaces when letter-spacing #319

xfq opened this issue Jul 30, 2020 · 3 comments
Labels
doc:clreq Used for gap analysis (only) to indicate target document. gap The first comment in this issue is read by the gap-analysis document. i:spacing Text spacing l:zh Chinese p:advanced s:hani Chinese script

Comments

@xfq
Copy link
Member

xfq commented Jul 30, 2020

This issue applies to all languages that use letter-spacing.

Currently browsers that apply letter-spacing do so by adding a space after every letter in the text that is tracked. This results in a superfluous space at the end of the range, which creates an inappropriate gap before the following text. Letter spacing at the end of a line makes the line look misaligned in justified or right-justified text. It also has implications for text that has other styling, such as an outline or a coloured background, at the same time as being stretched.

For more details, see this GitHub issue, which is being used to track this gap. Please add any discussion there, and not to this issue.

@xfq xfq added gap The first comment in this issue is read by the gap-analysis document. doc:clreq Used for gap analysis (only) to indicate target document. p:advanced i:spacing Text spacing labels Jul 30, 2020
@xfq
Copy link
Member Author

xfq commented Jul 30, 2020

The first comment in this issue contains text that will automatically appear in one or more gap-analysis documents as a subsection with the same title as this issue. Any edits made to that comment will be immediately available in the Editor's draft of the document. Proposals for changes or discussion of the content can be made by adding comments below this point.

@huijing
Copy link
Contributor

huijing commented Jul 30, 2020

Will this be raised at the F2F?

@xfq
Copy link
Member Author

xfq commented Jul 30, 2020

Will this be raised at the F2F?

I think it has already been discussed at the CSSWG Virtual F2F. See w3c/csswg-drafts#1518 (comment)

@r12a r12a added s:hani Chinese script l:zh Chinese labels Jun 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
doc:clreq Used for gap analysis (only) to indicate target document. gap The first comment in this issue is read by the gap-analysis document. i:spacing Text spacing l:zh Chinese p:advanced s:hani Chinese script
Projects
None yet
Development

No branches or pull requests

3 participants