Adobe Fonts - Web Project - Mobile not working [Locked— Duplicate]
Hey,
I have recently used "Futura PT" for a webproject by adding the given Link to the head-section of a website. It works fine on desktop computers but for Mobile it doesnt work in any browser under iOS Iphone 5/6/7.
I suspect the reason being missing font formats. If I follow the link given by Adobe Fonts I see the following font-declaration in source code:
@11220649-face {
font-family:"futura-pt";
src:url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-style:normal;font-weight:500;
}
I guess we are missing the formats ".ttf" and ".svg" for Mobile Browsers in general:
@11220649-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
Many of our clients focus heavily on mobile webdesign, it is a shame we wont be able to use Adobe Fonts professionally.
Is there a workaround for this Problem? Is Adobe aware of this grave problem?
Thanks for answering.
[See Adobe Fonts - Webproject - Fonts Missing ]

