Web fonts questions...

What's the situation with the new web fonts services then? Has anybody here used them?
I keep looking at them, but they could be quite expensive on an ongoing basis, and yes, there are some nice fonts available that can really make a site look lovely, but how do they differ from a normal font?
I always thought that for a font to display correctly, it needed to be in the system folder of the computer/device being used to view it. These font's are on different servers to our own websites, so surely that slows the site down. If not, why not?
If a remote server is able to deliver a font to my browser, then why am I not able to use my own fonts on my remote server and deliver them to you to make my site look beautiful and desigerey instead of having to pay for the service? I mean, how reliable are some of the businesses that host them.
Web fonts are a new thing, and they'll probably catch on, but they might not either. The average punter isn't going to want to spend more money on fonts than they do on hosting, so it's going to be quite an elitist market which will keep the prices high, and possibly mean the service will suffer low or non-existent profitability forcing them out of business, and that leaves a website with boring fonts again should their service disappear. If your site is dependant on those fonts to look good, then you're really stuffed!
What are your thoughts about them?
Mat

@font-face can be embedded into your sitewide CSS and hosted on your own server. But be sure to read your font licenses very carefully. Not all fonts are licensed for websites. When in doubt, don't use it!
Another major drawback is cross browser/device support.
Internet Explorer only supports EOT
Mozilla browsers support OTF and TTF
Safari and Opera support OTF, TTF and SVG
Chrome supports TTF and SVG.
Mobile browsers like Safari on the iPad and iPhone require SVG.
Cross-browser, web-only font format that uses gzip compression. IE9+, FF3.6+, Chrome 5+ WOFF
@Font-Face Generator:
http://www.fontsquirrel.com/fontface/generator
Bulletproof @font-face syntax ~
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
Last I looked, Google's font service is free.
http://www.google.com/webfonts
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Typekit -Edge Web Fonts questions

will need to embed text in some Edge documents, I saw a tutorial video on Typekit and followed the proceedure but I cannot get the font to display locally.
I'm using the free trial version, is this why?
Second I also tried Edge web fonts,
this works fine so I need to know the following:
typekit has so many more fonts, can I find out what could be the reason I do not see the fonts on stage?
Which should I be using?
thx
RD

Hi there,
Here are a few threads with possible solutions:
http://forums.adobe.com/message/5091707
This one says: In your Kit Editor, select "Kit Settings," and the first tab has a field called "Domains." In this field, type 127.0.0.1. This should allow you to use this font locally.
http://forums.adobe.com/thread/1109557
This one says you need to add the IP of your machine.

A question regarding using Myriad Pro as a web font...

Okay so this is a pretty straight forward question (I think)...
I've been using sIFR to replace many of the typical web fonts on the sites I build since much like everyone else I'm sick of being restricted to using only certain fonts.
Myriad Pro is one of the many fonts I really like for building websites. I discovered recently by accident that Myriad Pro (and a few other variants in the Myriad Pro family) are part of Adobe Reader. This means that ANYONE who downloads Adobe Reader has Myriad Pro installed on their system and probably doesn't even realize it.
Having discovered this it has come to my attention that there is a decent possibility I could use CSS and have Myriad Pro as a web font without even having to render it using sIFR. The problem is that anyone who doesn't have Adobe Reader installed wouldn't see the nice Myriad font.
So my question is what do all of you guys think about this? Does anyone have any actual numbers in regards to how many people actually have Adobe Reader? If it was a higher percentage like 90% then I think this would be a safe solution.

I don't know how many people use Adobe Reader, although I would think it's a fairly high proportion. Perhaps not as high as 90%, though. However, there's nothing stopping you from using Myriad Pro as the first choice in a font-family declaration. Browsers use the first available font. You could use something like this:
body {
font-family:"Myriad Pro", "Gill Sans", "Lucida Sans", Verdana, Geneva, sans-serif;

Question about the "web fonts" folder

I have a font I put into F:\sitename\webfonts\ folder.
I want it to be shown at all times on the website, and if a person views the website, it downloads this font to their computer in the background so the page font choice is preserved.
Is there any way I can do this? And if so, how?

Make certain your font license extends to use on the web.
Embedding Custom Web Fonts
http://alt-web.com/Articles/Custom-Web-Fonts.shtml
Nancy O.

Adobe Muse (2014.3) "Add Web Font" Function Not Working As Expected - Newly Added Fonts Become Unavailable Though Shown

Hello.
This has also been posted in the Community: Adobe Muse Bugs forum.
I've been having some odd/irregular issues though they have now become fairly predictable in nature. The issue is in regards to Adobe Muse (2014.3) and the availability of web fonts provided through the applications "Add Web Fonts" feature. Once added they perform as expected but then become "unavailable." Full details below. I have been a Creative Cloud Complete subscriber for a number of years so am fairly familiar with the way in which the system works minus a few issues that have popped up now and then, this one included.
System Info:
Adobe Creative Cloud (Full Subscription): Version 1.9.1.474
Adobe Muse: Version 2014.3
OS X Yosemite: 10.10.2
Here is a recap of what has been taking place. I'll detail the bug as best I can.
1. Created new Adobe Muse project. Everything normal.
2. Chose to add a new font through the "Add Web Fonts" function within Muse. A note, my Creative Cloud App is running/open at all times (in file synch mode).
3. Chose new fonts using above. All seemed fine (see screenshots below).
4. Fonts also were indicated as being "Synched" within Creative Cloud (screenshot below).
5. As expected the two fonts were added to the list of available Web Fonts within Muse (first screenshot below - left). I added them successfully to my site. Well after a number of hours I went back to this same font selection menu within Muse and the fonts were still visible yet the sub-menu that one would expect showing various forms (i.e. Bold, Italic, etc) was not available. In a sense the font could not be chosen from the list even though the name is clearly visible (second screenshot below - right).
Have no idea what may have been wrong. Saved Muse project, closed and reopened - nothing changed. Created new project - fonts still "shown" in menu but can't be used. Did find a vague description using Google of similar problem (different application) which recommended closing Creative Cloud Desktop App and reopening as one possible solution. This DID WORK initially yet the problem, though corrected for a period of time (few hours at most), would reappear again where one would again see yet not be able to choose from the two Web Fonts. Went so far as to uninstalling the Creative Cloud Desktop application and reinstalling. Still have not solved the problem.
Any thoughts as to what this may be would be welcome. Restarting the CC app each and every time the fonts become unavailable is quite time consuming to my workflow.
Thanks!

Abhishek,
Thank you for the reply. Wanted to comment on a few things.
I reviewed the other post that you've referenced. Nothing unusual jumped out at me as something that I was not aware of. I'm running an older iMac that is in good working condition. 2.4 GHz Intel Core 2 Duo, 24" screen. I know this issue is fleeting, as I stated earlier typically can be corrected with a restart of the CC Desktop application (that I am always running at startup). I have not been able to determine that shutting down Muse corrects the issue. I would, at this time say it doesn't.
I did open InDesign and see if the fonts in question, Open Sans and Open Sans Condensed, were present and usable. They were. The fonts are shown as being synched in my CC Desktop app window (even if they are not "installed" in Muse). That is expected but it may be a bug in how Muse brings in a font from those that are already synched to your CC account. I don't know enough about how that works to comment.
And just to complicate matters, Muse seems to be working again, the fonts that is. I brought them back in and they are showing up in all locations (which there are actually three - see screen shots).
First is primary text menu dropdown (to right of orange "Text").
Second is if you click orange Text link. Another drop down menu appears.
And lastly, the Text Panel to right of screen.
I also wanted to add this extra bit of information, for what it is worth. When the issue arises and you do not get the sub-menu dropdown showing various styles of the font (italics, bold, etc.), one can use click on the missing font if you had used it previously and it is present in the "previously used font" list.
Cheers!

How do you add/use typekit fonts that are not edge web fonts?

I am just trying out the new Muse CC 2014.1 (August) release and was keen to try the new font facilities. As far as I can see that while I can now add other fonts for which I have downloaded web font files via the Self Hosted Web Fonts function, Typekit fonts that are not "Adobe Edge Web Fonts" are effectively unavailable? Have I missed something.
As an example I want to use the Proxima Nova web font family. I have selected it on the type kit site, set them up to Sync via my Creative Cloud account. So for example if I select a font in Photoshop CC or Illustrator, the Proxima Nova fonts appear. Even ok in Word for Mac. They do not appear in Muse.
To add them as self hosted web fonts, I would need to physically download the relevant fonts files and install them on my desktop using the OS-X font tool. However as they are being sync'd via Creative Cloud this shouldn't be necessary should it? Also I don't see an option for doing so on the typekit site.
Any help or guidance would be very welcome.
PS: I seem to have a separate issue with the Creative Cloud app, which is not listing fonts under the Assets tab. But I don't think that is related as they are working fine for Photoshop, etc.

Hi David,
I'm sorry that you ran into trouble with this. To add fonts from Typekit to your Muse website, you will want to use the web fonts path instead of desktop fonts. (You can use a desktop font synced from Typekit in your Muse design, but it will exported as an image the same as any other system font.)
There are a couple options for using Typekit web fonts in Muse:
o) The Muse Insider wrote a post on how to insert the Typekit embed code from the Muse interface:
http://museinsider.com/how-to-add-typekit-fonts-to-your-muse-site.html
o) Or you can add the embed code to the Page Properties dialog within Muse, which will include it in the <head> of the page when you export your website. The steps are the same as this tutorial, but you will add the Typekit embed code to Muse instead of into your page directly:
TYPEKIT | Adding fonts to your site
Note that in either case the Typekit fonts will not be displayed in the Muse preview window. You'll need to publish your site to a server in order for the Typekit fonts to be loaded into the page.
If those look like more coding that you are comfortable with, you might try one of the fonts which you can select from the font menu instead. Here are some that are similar to :
https://edgewebfonts.adobe.com/fonts#/?xHeight=high&contrast=low&class=sans-serif&width=re gular
We are also working on a more complete integration of Typekit with Muse in the future, but I can't say yet when that will be available.
>> PS: I seem to have a separate issue with the Creative Cloud app, which is not listing fonts under the Assets tab. But I don't think that is related as they are working fine for Photoshop, etc.
Do you see a "loading" icon in the tab (e.g. a blue spinner wheel)? It sounds similar to this thread; you might try these suggestions:
Re: Adobe Creative Cloud / Desktop App / Home Screen: Constant Spinning Wheel
I hope that this helps; let me know if you have any other questions. Best,
-- liz

Can't use Web Fonts in Photoshop, but can in Muse

Hi, I'm trying to use the same font I use in Adobe Muse on an image I'm creating in Photoshop CS6. In Adobe Muse, it was easy to add fonts by simply clicking "Add Web Font" and it opened a browser for me to select from many web safe fonts. Love this feature, by the way. In Photoshop, however, I do not have the same fonts listed and can find no place to get the fonts. I've tried downloading the fonts and putting them in my font folders but they do not show up on my list and they are web safe fonts.
Any help would be greatly appreciated!
The font is question is Delius.
Thanks in advance!

Hi, billlywjr73,
Right now you can't use Typekit web fonts in Photoshop.
From the Typekit help, "Typekit only permits web-use for the fonts in our library, so we can’t provide you with a version of the fonts you use via Typekit to download and install. However, each font detail page includes a link to where you can buy an installable version of the font from the font’s designer/owner."
On the Photoshop community forum, Jeff Tranberry says it's something on their radar but no ETA yet.
--Kirsti

Web fonts not loading correctly

Hello Friends,
In short, i am using web fonts in my adobe Animate composition.
Annoyingly the headline font seems to load slowly and display a default before kicking in to my chosen font. Would someone mind explaining how to stop this.
My example is below.
www.akrillic.com
Thanks in advance.
Scott.
P.S
This issue occurs when previewing locally as well.

I have a question: If my font selection is:
<link href='http://fonts.googleapis.com/css?family=Molle:400italic' rel='stylesheet' type='text/css'>
How should I list my font fallback list? Because
Molle, sans-serif
displays in sans serif in Edge Animate. However if I publish it, in Firefox the font shows up and in Chrome it does not. (I guess this is ironic because Google's font service isn't being seen in Google's browser.)

Dreamweaver Help | Add Edge and Web fonts to the Font list | Creative Cloud

This question was posted in response to the following article: http://helpx.adobe.com/dreamweaver/using/typekit-font-support.html

Hi Oyvay,
Assuming you are talking about the standard Font-Stacks (Font-Family options shipped with Dreamweaver by default), they are available under the "Custom Font Stacks" tab available under "Manage Fonts" dialog. You can access this dialog by selecting "Manage Fonts..." option listed in the Font-Family drop-down combos in any of the following dialogs:
1) Properties Panel,
2) CSS Styles Panel,
3) Page Properties dialog,
4) New / Edit CSS rule definition dialog.
Alternatively, you can use the "Modify --> Manage Fonts..." menu option from Dreamweaver's main menu also.
The older font-stacks that were available default have been replaced with a latest and updated set of fonts. The older options - Arial, Verdana, ... are outdated. Your existing pages created with earlier versions would still function the same but the pages created from now on can use the updated fonts set.
You can go through the below article for further information on the Adobe Edge Web Fonts integration with Dreamweaver. And in case you have any more queries, please do post back. Thanks..
http://blogs.adobe.com/dreamweaver/2013/02/edge-web-font-integration-with-adobe-dreamweave r.html
HTH,
Sabapathy K S.

Edge Web Fonts

Edge Web Fonts... where do I get these or view them... I see I can get them in MUSE but I dont use Muse... I use Joomla, Wordpress and Dreamweaver... I see in typekit there are a bunch of fonts but none of them are the Edge Web Fonts... I am a creative cloud full member so I do have access to the Typekit commercial fonts... how do I get the script code for Edge Web Fotns... so I can use it in my site? I am familiar with the following site: http://www.edgefonts.com/ but it doesnt give the script tag to use... nor a login... looks like its just general info... I would assume there is some app or service that is like TypeKit but has the Edge Web Fonts?

Thanks Ken... I realize all that... I didnt ask where to download the fonts... I code sites for a living... I know how to use fonts... and again, I appreciate your help but it's not answering my question... there are some 500 fonts... Is there a site like typekit... or whatever where it says, ok... here is the font ABEL... and here is the code for that font: <script src="http://use.edgefonts.net/abel.js"></script> here is what the font looks like, etc, etc... ala Typekit... I realize I can just do the following: <script src="http://use.edgefonts.net/abel.js"></script> but it would be nice if they have it how typekit is... THAT is my question... do they have something like that for these Web Fonts. I use Typekit and I know how that works... but typekit doesnt have these 500 fonts... I dont know what all 500 of these fonts look like...

Adding Edge Web Fonts to DreamWeaver

I added this question to the forum about 24 hours ago and I haven't had any response yet. If anyone could possibly help me in the next few hours I would be so grateful because I have allocated this week to learning the basics of DreamWeaver and so far I have spent 10.5 hours trying to change the font of a single word!
I am following the Getting Started tutorials which link from CS4 although they are actually written for CS6. On the third tutorial I am trying to follow item number 4 and pasting an edge web fonts family into the sample site. No matter where I try to paste it (and believe me, I have pasted it in a LOT of different places) either nothing changes at all on the browser view, or all the text on the page changes to comic sans. It is supposed to be just the title word, 'Check', changing to Sarina. Could anyone possibly post a screen shot showing exactly where I should be pasting this code?
Many thanks
Joanne

Joanne, firstly, Dreamweaver will probably never show the font.
I am not familiar with the tutorial you are following, but the way to insert a particular typeface into a website is usually done the same way Google tells you to on their webfonts page.
To embed a font into your web page, insert a link to the font as the first element in the <head> of your HTML document.
For example, if you are using Google's Stalinist font, you would put the following in the <head> section of your web page (before the <body> and before you link to your style sheet:
<link href='http://fonts.googleapis.com/css?family=Stalinist+One' rel='stylesheet' type='text/css'>
Next you would add the font into your style sheet in CSS:
font-family: 'Stalinist One', cursive;
So, if you wanted to use Stalinist for your <h1> elements, you would do the following to define these header tags:
h1 {
font-size: 3em;
font-family: 'Stalinist One', cursive;
Now, in your HTML page, in the body, anything you gave the h1 tag to would show up as Stalinist—but only in a web browser with access to the Google page and not in Dreamweaver.

Web Fonts (WOFF) are only blurry in Firefox v32.0 (Current) with ClearType Disabled

I see this question has been asked in different ways but perhaps not in such a direct manner. I'm on a fresh load of Windows 8.1 with a default setting of ClearType Disabled. Web Fonts render perfectly fine in all browsers except for Firefox. In Firefox, they appear blurred or pixelated. When I enable ClearType they suddenly are fine in Firefox. Oddly if I then disable ClearType and logout and then login, they are still fine. I see that Google Chrome previously had a similar issue but understand they fixed the issue in Chrome. Is this an issue that needs to be addressed by Firefox? Are antialias properties going to be advanced in CSS to possibly force fonts to render properly? (Fonts are stored locally on the same domain as the website.)

Hi,
I understand that you are asking about why when ClearType is disabled Firefox has blurry font.
If you take a look at the about:config entries on the page and search for cleartype, you will see that gfx font rendering is set to false. However for downloadable fonts it is true. It may be that you were on a site that had a downloadable font, or hosted on the web server host. There is also a force use for certain type in gdi classing family and max size. These can be changed by the user, however those are the default values currently.
You can leave feedback for the developers about this in input.mozilla.org as well.

If I use a web font in my website can I use the same font for printed materials such as business car

I am a graphic designer intending to design a portfolio website in Adobe Muse. I plan to use TypeKit web fonts to design my website. Upon completioin of the website I intend to design business cards and my resume to match the look of my website. I would like to use the same fonts as I used on the website. Is it possible to use web fonts for printing purposes? If not, what do people typically do in this situation. The last thing I want to do is use a font that "looks" like the ones used on my website.

Hi redsoxfan15b,
(I think I may have replied to your Typekit Support ticket earlier today, but I will post the same information here to be certain.)
We have recently added a new feature to Typekit that allows you to sync fonts to your desktop and use them in print design. The announcement on our website has more information:
http://blog.typekit.com/2014/01/16/the-fonts-you-love-from-typekit-now-on-your-desktop/
Font sync is available on any Typekit Portfolio, Performance, or Business plan. Here is a list of all the font available for desktop use:
https://typekit.com/fonts?licenses=desktop
We are continuing to license more of the library for desktop use, but for now you should confirm that the font you would like to use it available for both web and desktop. And if there is a font you'd like to use that isn't available for desktop sync, you may also be able to purchase a license directly from the foundry.
I hope that this helps; let me know if you have any other questions! Best,
-- liz

Web Font: Roboto

Hello.
I am doing a web about Android and I have the problem that Roboto is not on Typekit... Anyway to get it on Muse for exporting like web font and not like image?
Regards

Based on what I'm able to see.... you can try the directions here
http://helpx.adobe.com/en/muse/tutorials/styling-css-embedded-html-forms.html
Which in your case Step 4 could be, top menu, to go PAGE PROPERTIES go to METADATA go to HTML FOR <HEAD> then add in:
<style type="text/css">
font-family: 'Roboto', sans-serif;
</style>
Good luck, it's an experiment. The other options:
• to export all files, get the css sheet and add info, and finish the site in a editiing program like dreamweaver or a simplier one.
• or download the font into your computer system's font folder,use it, and Muse will automatically export it as a PNG. To answer your question, "what is the reason that Muse use this feature 'export like image'" : when the browser will not recognize the font, it'll default to any san serif. So Muse fixes that by exporting it as art (PNG) instead of text. Now there is no font style at all for the browser to figure out, now it's art. This is the easiest solution ---- and it'll work in all browsers no matter how old.
Dahnark, you can see here web fonts are not supported in all browsers, it is supported in 89.63% browsers http://caniuse.com/#feat=fontface
And if you let Muse export it as PNG your problems are over, it is now art and will display on all browsers.

Hello. I am trying to self host Italia fonts (Book, Bold and Medium) on Adobe Muse. I purchased web fonts from Linotype that are "obfuscated" - which means the name is hidden. Apparently I also need to install system fonts. Can I install with code in muse

Hello! I am trying to self host Italia fonts in muse. I purchased from Linotype the web fonts. But they sent obfuscated fonts and code. I need to also install as system fonts and those do not work for that. We already have different Italia fonts that we owned prior but they are not obfuscated... Is this a problem? Is there an easier way I can do this? TIA!

Abhishek,
Thank you for the reply. Wanted to comment on a few things.
I reviewed the other post that you've referenced. Nothing unusual jumped out at me as something that I was not aware of. I'm running an older iMac that is in good working condition. 2.4 GHz Intel Core 2 Duo, 24" screen. I know this issue is fleeting, as I stated earlier typically can be corrected with a restart of the CC Desktop application (that I am always running at startup). I have not been able to determine that shutting down Muse corrects the issue. I would, at this time say it doesn't.
I did open InDesign and see if the fonts in question, Open Sans and Open Sans Condensed, were present and usable. They were. The fonts are shown as being synched in my CC Desktop app window (even if they are not "installed" in Muse). That is expected but it may be a bug in how Muse brings in a font from those that are already synched to your CC account. I don't know enough about how that works to comment.
And just to complicate matters, Muse seems to be working again, the fonts that is. I brought them back in and they are showing up in all locations (which there are actually three - see screen shots).
First is primary text menu dropdown (to right of orange "Text").
Second is if you click orange Text link. Another drop down menu appears.
And lastly, the Text Panel to right of screen.
I also wanted to add this extra bit of information, for what it is worth. When the issue arises and you do not get the sub-menu dropdown showing various styles of the font (italics, bold, etc.), one can use click on the missing font if you had used it previously and it is present in the "previously used font" list.
Cheers!

Web fonts questions...

Similar Messages

Maybe you are looking for