- This topic has 6 replies, 3 voices, and was last updated 1 year, 6 months ago by David.
-
AuthorPosts
-
October 19, 2022 at 6:13 pm #2379365Jennifer
Hi – So I was able to upload a local font, and it seems to working on desktop, but not on mobile browsers (tested on Chrome and Safari).
What might be going wrong?
Below is my CSS:
/* aracne https://www.dafont.com/aracne.font */
@font-face {
font-family: ‘Aracne’;
font-style: normal;
font-weight: 400;
src: url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.eot’) format(’embedded-opentype’); /* IE9 Compat Modes */
}
src: local(”),
url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.svg#PermanentMarker’) format(‘svg’); /* Legacy iOS */
}October 19, 2022 at 8:26 pm #2379426Fernando Customer SupportHi Jeniffer,
Can you double check the links you’ve added?
For instance, this doesn’t seem to be working: https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.ttf
October 20, 2022 at 6:08 am #2379916JenniferHi Fernando – WordPress doesn’t allow me to upload TTF. Do you know of any way around this? Should I just delete this?
Jen
October 20, 2022 at 6:13 am #2379924JenniferI deleted the TTF url and I still have problems…does iphone mobile require a certain type of font file?
October 20, 2022 at 6:23 am #2379940DavidStaffCustomer SupportHi there,
just to cover. The only font types you really require today is
woff
andwoff2
so you can ignore OTF, EOT or SVG unless the font specifically requires features only available to that font.Now your @font-face CSS has some errors in it.
Replace it with this:
@font-face { font-family: 'Aracne'; font-style: normal; font-weight: 400; src: local(''), url('https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://kunarolls.com/wp-content/uploads/2022/10/ARACNE_regular.woff') format('woff'); /* Modern Browsers */ }
October 20, 2022 at 6:36 am #2379957Jenniferworked like a charm. thank you, David.
i was using the template from the google font helper, so there was probably a lot of ancillary stuff in the script.
thanks!
October 20, 2022 at 6:46 am #2379966DavidStaffCustomer SupportGlad to be of help 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.