font change not visible
-
I modify the stylesheet of my blog in this way, I can see the modification, but from the other people are not able to see it
#header {
margin: 0;
background: url(‘http://mipiacemancheno.files.wordpress.com/2013/05/titolo.png’) center no-repeat;
padding: 0;
height: 260px;
width: 1054px;
color: #000;
}h1 {
display: none;
}h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
font-family: “lint-mccree”, sans-serif;
font-size: 1.8em;
font-weight: 900;
}p {
font-family: “Daniel”, serif;
font-size: 1.8em;
font-weight: bold;
line-height: 1.5em;
}#sidebar, #sidebar h2, #wp-calendar caption, cite {
font-family: “lint-mccree”, sans-serif;
font-size: 1.2em;The blog I need help with is: (visible only to logged in users)
-
Font stacks, or the list of fonts that appear for the “font-family” property like in the examples below, work by checking the viewer’s computer to see if the font is installed. That’s the reason a list of fonts is used. The browser will check each font in the list until it finds one that matches.
font-family: "Daniel", serif;font-family: "lint-mccree", sans-serif;Besides using fonts that are installed on the viewer’s computer, it is possible to install fonts on a web server so they will work for all visitors. To use a font, you need to make sure you have the proper licensing. At WordPress.com, we use a font service called Typekit to serve custom fonts, and those are included in our Custom Design upgrade which you can find out more about here:
https://store.wordpress.com/premium-upgrades/custom-design/Custom fonts can be set using the Appearance → Themes → Customize → Fonts panel. Also, anyone can try them before purchasing by going to Appearance → Themes → Customize → Custom Design and clicking the “Try Now” button.
To find out more about font stacks in general, see http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
-
I bought Custom Design and I register to Typekit so I really don’t know what doesn’t work with font upload. The strange think and we are 2 administrators and both of us are able to see the different font, but other visitors are not….really strange.
-
@zoeride, I’m seeing custom fonts on your site. It can, at times, take a little while for the fonts to show up live on the website when using an online font library such as Typekit. Make sure and clear your browser cache before viewing your site, and it could be that your regular visitors won’t see the fonts till they have perhaps rebooted their browser, or cleared their cache. Some browsers rely on cached files pretty heavily to make page loads faster. Another possibility is that the invisible proxy servers that ISPs use to help lessen bandwidth usage had not updated their caches. That is something that is out of your control. The fonts though will show up shortly for everyone, I’m sure.
-
I bought Custom Design and I register to Typekit so I really don’t know what doesn’t work with font upload.
Are you referring to the http://mipiacemancheno.com/ site? That site is currently using the WordPress.com Custom Fonts feature which lets you select from 50+ selected fonts that are served by Typekit. In order to use fonts other than the selected ones seen on the Appearance → Custom Design → Fonts page in your blog dashboard, you would have needed to setup a separate Typekit account, setup a kit for your domain through their site, made sure the fonts you wanted to use were selected in the kit on the typekit.com side, and also connected your Typekit account to your WordPress.com using the advanced fonts mode. Your site is not actually setup to use the advanced mode right now, but is that what you had setup before? Here are the instructions you would have needed to follow:
http://en.support.wordpress.com/custom-design/custom-fonts/#advanced-modeThe strange think and we are 2 administrators and both of us are able to see the different font, but other visitors are not….really strange.
This could happen if you and the other administrator have the font installed locally.
-
I’ve checked http://mipiacemancheno.com/ again just now, and that blog still hasn’t been connected to a Typekit account yet. Are you having trouble with the steps from this help page?
http://en.support.wordpress.com/custom-design/custom-fonts/#advanced-mode -
Thank you very much for your support. We had already tried all steps suggested by you, but nothing was changed. What that I cannot figure it out is when I choose the typekit font how can I apply it to my blog, that means for headings and body text? Actually we have decided for a “common”font, finally…anyway it would be great to know that…thank a lot again
-
We had already tried all steps suggested by you, but nothing was changed.
It sounds like your Typekit kit was not setup correctly. I can try to help you verify the setup.
First, double check that your Typekit Kit ID is correct on this page:
https://mipiacemancheno.wordpress.com/wp-admin/themes.php?page=custom-fontsNext, make sure your domain is entered correctly in your Typekit Kit on the http://typekit.com/ site. Here is an example: http://cl.ly/OyLW
After any changes are made on the http://typekit.com/ side, you must click the Publish button and then wait a few minutes for the change to take effect. Here is what my Typekit Kit looks like: http://cl.ly/Ox7I
Last, your selectors must be setup correctly. There are two ways to do it, one is to add the selectors for the elements you want to change right into the Typekit Kit. Example: http://cl.ly/Owyc
The other way is to add the font using CSS on the WordPress.com side. You have to use the font names specified by Typekit or it won’t work. In your Typekit Kit, click the “Using fonts in CSS” link to see how to do it. Here is an example for the Daniel font: http://cl.ly/OyAz
If you’re still having trouble after checking the setup one more time, please let me know.
- The topic ‘font change not visible’ is closed to new replies.
WordPress.com Forums 