Im using a Google font for an email signature using #import.
The fonts renders very differently on the iphone (maybe other mobile devices too - I dont know). Anyway - it looks very different.
Is this a well known issue? Any solutions?
Thanks
Support for Google fonts is not universal. See this page https://www.campaignmonitor.com/resources/will-it-work/webfonts/.
Test in Litmus or Email on Acid to see how they render.
Related
I made an email HTML template. It is developed using some tables with 2 columns.
If I watch this email with some clients in different devices everithing looks good. But if I watch the email with an iPhone (of my friend) my template become 1 column, images become bigger, tables with border and some other problems.
I don't have an apple device, so testing is very difficult. what I'm asking here is if exist a way to emulate the iOS mail client or other any suggestions are appreciate.
Thanks
Look into using Google Chrome. It's based on webkit, an open source browser engine which is also what IOS uses to render emails.
When you use Inspect mode, it gives you a list of devices it can emulate. I can't verify right now that it's the same list for Windows or linux. It's close.
It's not a replacement for using actual devices or a services like Email on Acid or Litmus, but it gets you some feedback on how your design looks on other devices and it's free.
Good luck.
Confirmed: I finally got Windows 10 working and I can confirm that Google Chrome allows you to Inspect your code and emulate the look on an iPhone, iPad, Galaxy or Pixel device. You can customize to add specific devices (if available).
This is exactly what you are after:
https://litmus.com/email-testing
I have used this a lot! And it works really well!
Also, try and take a look at this:
https://www.campaignmonitor.com/css/
Really nice tool to check what's compatible in different e-mail clients.
My App uses a custom ancient font for a language that is about to be extinct, interesting right.
Now I am using the custom font thru out my app but I need to install the font into the iOS operating system I hope this is possible so that I can copy and paste text from my app into other apps like email, SMS and especially Facebook otherwise the chars come up as squares because Apple don't even support their unicode.
I think its possible because AnyFont is an app that does that without jailbreaking.
This feature is a crucial feature for users using the app to be able to communicate with the language.
So this would be much appreciated if someone could help me with some hints please.
I am not sure if I need to post code here !.
Thank you,
Kind Regards,
Will
You have to create a configuration profile for each font. With the manual installation by the user of that profile the font will be available for Numbers, Keynote and some others. It's available since iOS 7.
See Apple's reference page for that. Basically, you have to use the Font Payload:
A Font payload lets you add an additional font to an iOS device. Font
payloads are designated by specifying com.apple.font as the
PayloadType value. You can include multiple Font payloads, as needed.
...
Each payload must contain exactly one font file in TrueType (.ttf)
or OpenType (.otf) format. Collection formats (.ttc or .otc) are not
supported.
You can also take a look at here:
http://www.saturngod.net/create-custom-font-for-ios-7
If you're using a Mac, you can also checkout Apple's Apple Configurator which allows you to create those MDM profiles too.
I have added the character after my name in my adress email. On Gmail or Ubuntu, it appears indeed as a . But people that read my emails on iphone get a small boar head!!
From what I read on Internet, iphone is using by default Helvetica font. And the tick is not a boar in this font.
Does anyone know where this could come from??
I asked a friend about your icon issue and he had me look into a popular emoticon plugin for iOS devices. Sure enough, after browsing through the icons, there was the small boar's head you are talking about.
The plugin is called Emoji and it essentially adds an extra keyboard to iOS Messages app. It's a possibility that the users who have reported this issue to you have that plugin installed on their devices? This might be where the icon is coming from. Let me know if you need any more information on this problem. I hope you are able to solve it!
I have a software that eventually will have some reports to be accessed via iPhone.
Once I am not willing to develop an iPhone app, I´d like to make these reports accessible via iPhone Safari browsers.
GMail in iPad uses HTML 5, so I guess I can do the same.
My question is where can I find some resources to learn best practices doing so and how can I test it in a PC computer.
Thanks
Here is a similar answer I've given: Exclusive CSS for iPhone/Android
For testing you can use Chrome or Safari, as they are both webkit browsers (which is what the iPhone uses). Safari can even render as the iPhone user agent.
Hope this helps.
Please take a look at PhoneGap, I think that is what you are looking for.
You can emulate the program in xCode, but you will need an Apple for that. For PhoneGap also..
From the app architecture view-point you should also consider introducing app-specific optimization such us:
Simplify the app (show only what you need for mobile)
Minimize Application and Data Size
Aggregate Images into a Single Composite Resource (Sprites)
Include Background Images Inline in CSS Style Sheets
Keep DOM Size Reasonable
Ensure Paragraph Text Flows
Avoid Redirects
I have a website in which i have used a custom font in css it works fine on PC but on mobiles like Iphone that font does not load. Any idea how can that be enabled on all mobile devices?
I will appreciate your answers in this regard.
Mobile Safari, for reasons unknown, doesn't support the WOFF, TTF/OTF or EOT font formats desktop browsers do. For iPhone compatibility you must also include an SVG version of the font in the sources list, along with all the others.
This is an annoyance (we can only hope that in future Apple will standardise on WOFF like everyone else), but tools like FontSquirrel's will include this for you.