Skip to content
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

Font Component cannot change the font family in Windows Outlook.. #1269

Open
PeterChen1997 opened this issue Jan 31, 2024 · 7 comments
Open

Comments

@PeterChen1997
Copy link

Describe the Bug

I don't know if it's a bug about windows outlook.. I tried many methods to change the windows outlook's font family before I used the Font Component

Both of them not working 🤣. But it works really fine in web and MacOS Outlook..

Which package is affected (leave empty if unsure)

No response

Link to the code that reproduces this issue

    <Font fallbackFontFamily="Arial" fontFamily="PingFang SC" />

To Reproduce

After send the Email from test site, you'll find the font family is using the windows outlook default font family

Expected Behavior

The Windows Outlook font family is fallback correctly..

What's your node version? (if relevant)

No response

@PeterChen1997 PeterChen1997 added the Type: Bug Confirmed bug label Jan 31, 2024
@PeterChen1997
Copy link
Author

PeterChen1997 commented Jan 31, 2024

I found that set font family on each element, maybe it's a reasonable way to solve the problem..

this's the email from asana
image

@gabrielmfern
Copy link
Collaborator

Where did you place the Font component on the code? Inside of the Head? Also, if you could share a repro it would be great

@gabrielmfern
Copy link
Collaborator

Might be relevant
image

@PeterChen1997
Copy link
Author

PeterChen1997 commented Jan 31, 2024

Where did you place the Font component on the code? Inside of the Head? Also, if you could share a repro it would be great

yes, I used it in the <Head> Component. That's a demo in codesandbox

@PeterChen1997
Copy link
Author

PeterChen1997 commented Jan 31, 2024

I think the only way is to add a parser to set each element's font-family in jsx ... I find it's working..

@PeterChen1997
Copy link
Author

Maybe the reason is the style inherit problem. The IE core is really annoying..

@gabrielmfern
Copy link
Collaborator

Outlook might strip out styles that have selectors like *, which we do use for the Font component 🤔

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants