custom font problem in iOS

[Sandro kensan]

Ho un problema con i custom font sull'iphone, uno degli ultimi uscito.

In pratica su Android il custom font subset:
www.kensan.it/extra/fonts/FreeSerif.subset.ttf
viene caricato bene e tutti i caratteri appaiono:
Loading Image...
mentre su iOS il font non viene caricato:
Loading Image...

Questa la pagina testata:
http://www.kensan.it/articoli/Bitcoin_costi_transazione.php

Questo il file css:
http://www.kensan.it/extra/style.css
@font-face {
font-family: 'FreeSerif';
src: url('fonts/FreeSerif.subset.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

È possibile rendere compatibile iOS con i font custom? Dove sbaglio?

[Gabriele - onenet]

Post by Sandro kensan
Ho un problema con i custom font sull'iphone, uno degli ultimi uscito.
www.kensan.it/extra/fonts/FreeSerif.subset.ttf
http://www.kensan.it/tmp/menu3.png
http://www.kensan.it/tmp/menu3ios.jpg
http://www.kensan.it/articoli/Bitcoin_costi_transazione.php
http://www.kensan.it/extra/style.css
@font-face {
font-family: 'FreeSerif';
src: url('fonts/FreeSerif.subset.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
È possibile rendere compatibile iOS con i font custom? Dove sbaglio?

Hai provato usando un altro formato?

@font-face {
font-family: 'FreeSerif';
src: url('fonts/FreeSerif.subset.woff2') format('woff2'),
url('fonts/FreeSerif.subset.woff') format('woff');
}


Certo che è strano che carichi solo una parte!
Non è che andrà in conflitto con un font con lo stesso nome già presente in iOS?
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Sandro kensan]

Post by Gabriele - onenet
Hai provato usando un altro formato?
@font-face {
font-family: 'FreeSerif';
src: url('fonts/FreeSerif.subset.woff2') format('woff2'),
url('fonts/FreeSerif.subset.woff') format('woff');
}

No, ho provato solo ttf perché so che è un formato universale che solo i
vecchi IE non riconoscono ma tutti i browser moderni riconoscono. Poi ho
problemi a fare tante prove perché devo chiedere il favore a un parente
che ha:
iPhone 7 iOS 10.3.2 ultima release

Post by Gabriele - onenet
Certo che è strano che carichi solo una parte!
Non è che andrà in conflitto con un font con lo stesso nome già presente in iOS?

FreeSerif è un font "libero" sotto licenza GPLv3:
https://en.wikipedia.org/wiki/GNU_FreeFont
immagino che se iOS ha questo font allora possa visualizzare
correttamente i caratteri. Il mio è soltanto un subset di 25 caratteri,
praticamente l'alfabeto dal peso di qualche kappa.

In aggiunta il tutto funziona su firefox su linux, firefox su android,
Edge su windows 10, mac os (browser?).

Potrebbe esserci una incompatibilità con uno:

<span style="font-family: FreeSerif;">
&#x1D49C;&#x0212C;&#x1D49E; &#x1D49F;
&#x02130;&#x02131;&#x1D4A2;
&#x0210B;&#x02110;&#x1D4A5;&#x1D4A6;
&#x02112;&#x02133;&#x1D4A9;&#x1D4AA;
&#x1D4AB;&#x1D4AC;&#x0211B;&#x1D4AE;
&#x1D4AF;&#x1D4B0;&#x1D4B1;&#x1D4B2;
&#x1D4B3;&#x1D4B4;&#x1D4B5;
</span>

sul browser di iOS?

[Sandro kensan]

Post by Gabriele - onenet
Non è che andrà in conflitto con un font con lo stesso nome già presente in iOS?

Ho trovato i font che forse sono installati negli iphone 7:

http://iosfonts.com/

però non ci sono i free.

[ciccio_the_best]

Post by Sandro kensan

Post by Gabriele - onenet
Non è che andrà in conflitto con un font con lo stesso nome già presente in iOS?

http://iosfonts.com/
però non ci sono i free.

^^^^^^^^^^^^^^^^^^^^^^^^^^^

...che non sorprende quando si parla di apples... Ambiente closed
niente free :-D



--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

[Sandro kensan]

Post by ciccio_the_best

Post by Sandro kensan
però non ci sono i free.

^^^^^^^^^^^^^^^^^^^^^^^^^^^
...che non sorprende quando si parla di apples... Ambiente closed
niente free :-D

Esatto, non ci sono i free.

[Sandro kensan]

Post by Gabriele - onenet
Certo che è strano che carichi solo una parte!

Altri test che rendono la cosa sempre più assurda.

1) Chrome su iPhone (sempre lo stesso) funziona perfettamente
www.kensan.it/tmp/menu3ios_chrome.jpg
i caratteri dell'alfabeto in fondo al testo si vedono perfettamente
vedi http://www.kensan.it/tmp/menu3.png per riferimento

2) come già detto Safari su iOS non funzia
http://www.kensan.it/tmp/menu3ios.jpg
Loading Image...

3) Safari su Mac Os funziona perfettamente

il settaggio dei font su iPhone è standard e non è stato toccato.

[Sandro kensan]

Post by Sandro kensan
2) come già detto Safari su iOS non funzia
http://www.kensan.it/tmp/menu3ios.jpg
http://www.kensan.it/tmp/menu3ios_safari.jpg

Tra l'altro da questa immagine:
http://www.kensan.it/tmp/menu3ios_safari.jpg

si vede che il css:

.article:first-child:first-letter {
color: #666;
font-size: 3em;
float: left;
margin-right: 0.2em;
font-family: 'FreeSerif';
}

non viene preso da Safari su iOS ma viene preso da tutti gli altri
browser sia di iOS che di Mac OS che di tutti gli altri OS e browser.