-
1. Re: How does Entertainment Weekly's site make this font family call?
SnakEyez02 Jun 26, 2013 3:31 PM (in response to jyeager11)Learning to read code is an essential part of web design. They are using a variation of Bernini Sans ( http://justanotherfoundry.com/buy ). You can license the font for $49/yr for your website. They do not allow purcahsing of their web fonts.
-
2. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 3:33 PM (in response to SnakEyez02)Where is the call for this specific font made? I looked for it everywhere.
-
3. Re: How does Entertainment Weekly's site make this font family call?
polar_bare Jun 26, 2013 3:33 PM (in response to jyeager11)div#main-nav #primary-nav li.first-level > a (line 1)
{
z-index: 50;
line-height: 37px;
text-align: center;
display: block;
font-size: 20px;
font-family: jaf-bernino-sans-condensed,'Francois One',arial,sans-serif;
font-weight: 500;
color: #ffffff;
}
-
4. Re: How does Entertainment Weekly's site make this font family call?
John Waller Jun 26, 2013 3:41 PM (in response to jyeager11)http://img2-short.timeinc.net/ew/static/c/common_min.css
Are you using the Developer Tools in Chrome, IE or FF?
-
5. Re: How does Entertainment Weekly's site make this font family call?
polar_bare Jun 26, 2013 3:45 PM (in response to John Waller)John, I like the ones in FF.
Jim
-
6. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 3:45 PM (in response to polar_bare)But when I try this, I (of course) get Arial, because I don't have that first one in the stack. EW, however, is able to serve me this mysterious font. Where is the code that allows them to do that?
-
7. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 3:46 PM (in response to polar_bare)I'm using Chrome. And saw that same font definition, but still don't know how they were able to serve me a font I don't have installed. I'm trying to reproduce the behavior and can't.
-
8. Re: How does Entertainment Weekly's site make this font family call?
KINNEY201 Jun 26, 2013 4:34 PM (in response to jyeager11)They may have the font although you may not. The font on their site cannot be reproduced by you unless you have it installed yourself. Many times it will default to Arial like you stated when pasted into Word, etc.
It's my opinion that you search for this:
jaf-bernino-sans-condensed,'Francois One'
Keep in mind, as the others have said, you may need to purchase the font package.
Kind regards,
JK
-
9. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 5:34 PM (in response to KINNEY201)There seems to be some confusion to clear up : I can see jaf-bernini-sans-condensed without having it installed on my system. The EW website is serving it to me through the web somehow.
I am looking for the part in the code where the website tells the browser to display this font to me even if I don't have it. I am aware there are various ways to accomplish this, but what I'm looking for is the precise method (and code) used by the EW website.
I'd like to know how they, specifically, did it.
-
10. Re: How does Entertainment Weekly's site make this font family call?
mytaxsite.co.uk Jun 26, 2013 7:30 PM (in response to jyeager11)There seems to be some confusion to clear up : I can see jaf-bernini-sans-condensed without having it installed on my system. The EW website is serving it to me through the web somehow.
Not sure what exactly you are seeing on your system but the code to render fonts on your system is this:
@import url('http://fonts.googleapis.com/css?family=Francois+One');
Now the css that actually defines the fonts is this:
#primary-nav li.first-level > a {
z-index : 50;
line-height : 37px;
text-align : center;
display : block;
font-size : 20px;
font-family : jaf-bernino-sans-condensed, 'Francois One', arial, sans-serif;
font-weight : 500;
color : #fff;
}
If you don't have the first fonts defined then you are likely to get the second. Its picture is here:
Does this answer your question? If not please post a picture of what exactly you are seeing on your screen.
-
11. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 8:25 PM (in response to mytaxsite.co.uk)mytaxsite.co.uk wrote:
Not sure what exactly you are seeing on your system but the code to render fonts on your system is this:
@import url('http://fonts.googleapis.com/css?family=Francois+One');
Is that what they're using to make me see a font I never installed? Is that the "usual" code to render uninstalled fonts, or is this a line you found in the code? Because I looked for that line (or one like it) everywhere and came up short. Did I simply miss it? Where is it located?
Thanks!
-
12. Re: How does Entertainment Weekly's site make this font family call?
mytaxsite.co.uk Jun 26, 2013 8:31 PM (in response to jyeager11)Yes it is the usual way to make fonts available on your user's machine. In this example, you are using fonts supplied by Google. These fonts are automatically downloaded on your machine with the web page so that you can see the full richness of the page.
Google website gives you the necessary code to use in your development so you don't have to re-invent anything.
G/L
-
13. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 26, 2013 8:37 PM (in response to mytaxsite.co.uk)Sorry for continually repeating the same question, but where in the code did you find this line? I don't see it anywhere, and I am specifically looking for how EW implemented it.
-
14. Re: How does Entertainment Weekly's site make this font family call?
mytaxsite.co.uk Jun 26, 2013 8:55 PM (in response to jyeager11)jyeager11 wrote:
Sorry for continually repeating the same question, but where in the code did you find this line? I don't see it anywhere, and I am specifically looking for how EW implemented it.
No need to be sorry. We have come to know you here very well indeed.
The actual code is in this file:
<http://img2-short.timeinc.net/ew/static/c/common_min.css?ver=6>
Good luck.
-
15. Re: How does Entertainment Weekly's site make this font family call?
jyeager11 Jun 27, 2013 8:34 AM (in response to mytaxsite.co.uk)mytaxsite.co.uk wrote:
jyeager11 wrote:
Sorry for continually repeating the same question, but where in the code did you find this line? I don't see it anywhere, and I am specifically looking for how EW implemented it.
No need to be sorry. We have come to know you here very well indeed.
Well, that was certainly unnecessarily snarky. But since you opened that door, let it be known that I have come to know you very well too; which is why I asked the question 4 times before I got my answer.
Thanks for your help.
-
16. Re: How does Entertainment Weekly's site make this font family call?
Nancy O. Jun 27, 2013 11:22 AM (in response to jyeager11)





