I'm building a web page that uses Google WebFonts (open sans) on a PC and it works perfectly, but when I try it on a mac computer it shows a question mark within the text. Why is this?
Related Questions in MACOS
- How can I determine if a video has just finished using expo.video? ReactNative/Expo.io
- Unknown named Module, using component will receive props to update an image
- Video is still playing when i navigate to another layout
- Error running adb: Error running app. Error: Activity not started, unable to resolve Intent
- Video playlist issue (when one video ends, the next video plays beginning from the length of previous vid) Expo/React Native
- Why is my function being called infinitely? (react-native/expo)
- Are silent Expo push-notifications possible?
- Change navigation bar color
- Set up different language for iOS app using react-native and expo
- Using Animated.Flatlist and Animated.ScrollView to animate an Animated.View is not smooth
Related Questions in WEBFONTS
- How can I determine if a video has just finished using expo.video? ReactNative/Expo.io
- Unknown named Module, using component will receive props to update an image
- Video is still playing when i navigate to another layout
- Error running adb: Error running app. Error: Activity not started, unable to resolve Intent
- Video playlist issue (when one video ends, the next video plays beginning from the length of previous vid) Expo/React Native
- Why is my function being called infinitely? (react-native/expo)
- Are silent Expo push-notifications possible?
- Change navigation bar color
- Set up different language for iOS app using react-native and expo
- Using Animated.Flatlist and Animated.ScrollView to animate an Animated.View is not smooth
Related Questions in GOOGLE-FONT-API
- How can I determine if a video has just finished using expo.video? ReactNative/Expo.io
- Unknown named Module, using component will receive props to update an image
- Video is still playing when i navigate to another layout
- Error running adb: Error running app. Error: Activity not started, unable to resolve Intent
- Video playlist issue (when one video ends, the next video plays beginning from the length of previous vid) Expo/React Native
- Why is my function being called infinitely? (react-native/expo)
- Are silent Expo push-notifications possible?
- Change navigation bar color
- Set up different language for iOS app using react-native and expo
- Using Animated.Flatlist and Animated.ScrollView to animate an Animated.View is not smooth
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Popular Tags
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
The character you are seeing is the replacement character, which is used when a font does not contain a particular Unicode character, in this case, "ñ" AKA U+00F1 AKA "Latin small letter n with tilde".
Google Open Sans does contain this character, so it seems that Safari is not correctly getting the font from the web. The rendering engine is then reverting to another font, and that one is missing the offending character. You will be able to check in dev tools on your mac which font is being grabbed by your script.
I checked the script annotation you posted in the comment to your question. You are returning the fonts in the woff2 format. It turns out that woff2 is not supported in Safari as of version 9, but woff is. I therefore recommend changing the format to woff and serving it to your page locally:
Download the script you posted (http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700)
Save it as a css file (e.g. fonts.css)
Find-and-replace woff2 to woff
Save the file
Add it to your web project (however you add your other files)
Replace
@StyleSheet({"fonts.googleapis.com/css?family=Open+Sans:300,400,500,700";})with a reference to this newly uploaded file.