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.
Related
I recently joined the Huawei developer community and would like to start developing Huawei themes for mobile phones. I downloaded the ThemeStudio app and everything makes sense to me, except for one thing.
Why is it not possible to change the font? It is only possible to replace the digits, but not the text itself. Does the font always have to be a default? Is it up to the user to change it, or is there some way to change the font when uploading? When I look at the themes on my Huawei Honor phone created by others, they all have the font changed.
I've gone through all the documentation and tutorials, but nowhere can I find an answer to my question. As a new user, I am quite confused, hence I would appreciate any help.
Thank you.
Are you referring to changing the font of the lock screen in the theme package?
If you want to change all fonts provided by the mobile phone system, Theme Studio does not support the creation of fonts. This type of font is an independent resource type and is not open to designers except Chinese Mainland.
If you just want to change the font on the lock screen before the time, you can use the image writing method to achieve. For details, you could refer to this docs.
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.
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 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
What, if any, support is there for CSS3 in mobile browsers? The specific browsers I'm curious about are the ones used in the iPhone, Android, and Blackberry phones. Any links to relevant resources would also be greatly appreciated.
Both iPhone and Android systems use WebKit as the rendering engine in their mobile browsers. I believe Blackberry are moving to Webkit as well at some point. This engine has some of the best support for parts of CSS 3 available at the moment, as well as quite a lot of proprietary extensions.
I would recommend researching what is available in WebKit, and then testing.
A great resource for support tables is http://www.quirksmode.org where PPK is doing more and more mobile browser testing to answer just these kind of questions.
You can try acid3.acidtests.org and http://www.css3.info/selectors-test/test.html on the respective browsers to check some compatibility, but that may not be an exact determining factor of full compatibility. However I don't think any of the mobile browsers currently fully support CSS3.
a do quirksmode.org specifically this page: http://www.quirksmode.org/webkit.html
In the BlackBerry Documentation for Developers, there is a documentation for the BlackBerry Browser, including CSS Reference - BlackBerry Browser. There is no specific mention of CSS3, but that document lists supported CSS properties.
There is also a BlackBerry Widget web standards support page that states 4.7.1 and 5.0 have partial support for CSS 3 color and full support for CSS 3 marquee, CSS 3 media queries, CSS 3 namespaces and CSS 3 selectors.
well when i mind internet i found usefull source to you i hope it will help you more excellent description on mobile browser compatablity