Viewing Google fonts dont work
Google fonts dont work
|
User: Aseev S. 12 years ago
|
|
|
Hello, I cant resolve Fonts problem: See in attachement |
|
 ptsans.png |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
What is your website URL and what browser are you using to visit your site that does not work?
------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 12 years ago
|
|
|
@ Paul The URL is http://ohotplan.ru @ Aseev S. I do not have this font on my Mac. This is what it looks like to me in the browser… 
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Aseev S. 12 years ago
|
|
|
I an use http://snapito.com/ and Firefox on my frends Win 8 laptop Pt Sans Narrow, where if it is not displayed correctly - then replaced Arial, which is much larger and wider and the whole layout is broken . The menu bar is spreading into two lines , breaks down the entire website design. In real life font family set as «font-family: Geneva, Arial, Helvetica, sans-serif;» — several fonts for case, «if not one, then another one» But EverWeb cant set it up (without complex manipulation with code) You need to seriously strengthen EverWeb part in working with fonts and links — its basic for correct site display. I have 3 consecutive days spent on it to make the site look right, but it does not work. In the program, everything looks good, but as soon as he gets in different browsers, the entire design breaks. Appear different in size indentation, different fonts, in the end 3 days I'm trying to fix these minor problems are not impossible to me. |
|
|
User: Aseev S. 12 years ago
|
|
| http://ohotplan.ru/ - its test page with PT Sans Narrow | |
|
User: Roddy 12 years ago
|
|
|
The fact that my browsers render the font correctly when I don't have it installed on my computer means that EverWeb is doing its job. Looking at the source code confirms this. Take a look at the fonts.googleapis.com CSS file and you will see that the fonts are present in the .woff format. According to the Browser Support charts the WOFF format is supported in Firefox. Google hosted fonts are convenient but they have some drawbacks. The fonts have to be loaded from the Google server which slows page download time and there is no means of adding fallback fonts if the font of choice fails - as in your case. When you set font styles in the CSS, the font family should include the font of choice, a fallback font and the generic group. The fallback font should be a web safe one that is as near as possible to the font of choice so that it doesn't screw up the page layout. I never, ever use Google hosted fonts on client websites. The fonts are uploaded to the same server that hosts the website files and are referenced in the main stylesheet, or in the head code, depending on the situation. That allows me to specify the fallbacks. The fonts are present in all four formats and it's just a question of referencing the included stylesheet. If you really want to use that particular font I would suggest that you host it yourself and specify fallbacks. To find a suitable fallback font you need to create a test page using the font and then substitute a web safe one and publish to check it in the browser to make sure that the layout doesn't break. When a narrow font is used and the browser substitutes a normal one, the text box needs to expand so the other possibility is to increase the size of the text box to compensate. Dragging a text box too tight to the end of a line of text - particularly with larger font sizes - can force an undesired return in some browsers. One of the great features of EverWeb is that it does allow users to implement advanced features. However, I don't recommend that they should be attempted without at least having some understanding of what is going on "under the hood". ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Aseev S. 12 years ago
|
|
|
Quote: Roddy - 31/01/2014 4:19:55 The fact that my browsers render the font correctly when I don't have it installed on my computer means that EverWeb is doing its job. Looking at the source code confirms this. Take a look at the fonts.googleapis.com CSS file and you will see that the fonts are present in the .woff format. According to the Browser Support charts the WOFF format is supported in Firefox. Yes, App do job with google font, but I have simple fact — fonts and layout look different on different browsers. And I can not allow this. What i need to do? Live EverWeb and go to WordPress or hair programmer for fix my site? In any case EvrrWeb not a reliable instrument and demands of something else. I want to fix it, because I like the concept. And I see potential developers to solve these problems. They just need to pay attention, this is important! |
|
|
User: Roddy 12 years ago
|
|
|
The problem will still exist if you move to Wordpress or another web design app. I have outlined a fix for this above. Provide a web safe fallback font for non compliant browsers which won't disrupt your layout. What are you using this font for - text or an HTML heading? ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Aseev S. 12 years ago
|
|
|
Quote: Roddy - 31/01/2014 7:04:23 The problem will still exist if you move to Wordpress or another web design app. I have outlined a fix for this above. Provide a web safe fallback font for non compliant browsers which won't disrupt your layout. What are you using this font for - text or an HTML heading? Main layout: Menu, descriptor, contacts, header, footer, headlines, call to action. Last edit 12 years ago |
|
|
User: Aseev S. 12 years ago
|
|
|
I dont understand: 1. Wich problems with google hosting for fonts, why my hosting will better? 2. How to do fallbacks for mail fonts? 3. Witch type of Narrow fonts web safe? |
|
|
User: Aseev S. 12 years ago
|
|
|
In WordPress i know where is css file with all settings. In EverWeb - dont have any settings.
Last edit 12 years ago |
|
|
User: Aseev S. 12 years ago
|
|
|
The concept of the program as it says "I'm smart, I'll know all about how to do better, so you do your thing, and I am do my." And this is a very good concept. Just in this case it is not implemented and should be refined. |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
Google Fonts will load very quickly because Google servers are highly optimized for delivering content to websites. You don't have to worry about this. The issues you are having will happen with any web builder no matter what. Some web browsers need some extra code to load Google Fonts when using styling such as Bold and Italic. I'm not sure why some browsers require this code and others don't. Google certainly doesn't tell you this. In your case you should put this code in the Head Code Section under the Publishing Settings; <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:italic"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:italic"> Last edit 12 years ago ------------------------------- Paul EverWeb Developer |
|
|
User: Aseev S. 12 years ago
|
|
|
Quote: Paul-RAGESW - 31/01/2014 8:19:32 Google Fonts will load very quickly because Google servers are highly optimized for delivering content to websites. You don't have to worry about this. The issues you are having will happen with any web builder no matter what. Some web browsers need some extra code to load Google Fonts when using styling such as Bold and Italic. I'm not sure why some browsers require this code and others don't. Google certainly doesn't tell you this. In your case you should put this code in the Head Code Section under the Publishing Settings; <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:italic"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:italic"> How to do it? How to set up Defoult links design? How to set up defoult fonts family and sizes? |
|
|
User: Aseev S. 12 years ago
|
|
|
Quote: Paul-RAGESW - 31/01/2014 8:19:32 Google Fonts will load very quickly because Google servers are highly optimized for delivering content to websites. You don't have to worry about this. The issues you are having will happen with any web builder no matter what. Some web browsers need some extra code to load Google Fonts when using styling such as Bold and Italic. I'm not sure why some browsers require this code and others don't. Google certainly doesn't tell you this. In your case you should put this code in the Head Code Section under the Publishing Settings; <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:italic"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold"> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:italic"> How to do it? How to set up Defoult links design? How to set up defoult fonts family and sizes? |
|
| Post Reply |
| You must login or signup to post. |