Non web fonts in html sites

I have been seeing a lot of non web fonts in html sites and am wondering how that commonly is done.
I have used sIFR and I thought it was OK, but would love to find some other ways.
What is the most common solution for this? What else is out there?
Thanks a lot for any suggestions!

A few bloggers have posted pro/con comparisons of these techniques:
http://thinkclay.com/technology/cufon-sifr-flir
http://www.solidstategroup.com/what-we-think/a-comparison-between-sifr-cufon-and-font-face
http://blog.cherstewart.com/post/403294642/sifr-cufon-or-image-replacement
http://www.google.com.au/search?hl=en&rls=com.microsoft%3Aen-AU%3AIE-SearchBox&q=sifr+cufo n+flir+typeface&aq=f&aqi=&aql=&oq=&gs_rfai=

Similar Messages

  • Replacing fonts on a page... a non-web font.

    How do you do it? Can you do it in Dreamweaver?
    Like not Courier, Arial etc.. but using Garamond or Futura or something your user will not have in his browser?

    Options:
    Replace text with an image.
    Replace text with a Flash equivalent (sIFR).
    http://www.sifrgenerator.com/
    Embed @font-face (Please read PZ's link on restrictions)
    http://www.fontsquirrel.com/fontface/generator
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • Designing with web fonts | Learn Dreamweaver CS6 | Adobe TV

    Web fonts have become an important part of many web designers' workflows. Dreamweaver CS6 adds support for web fonts through the new Web Fonts Manager. See how to use the Web Fonts Manager to add, manage, and apply web fonts throughout your sites.
    http://adobe.ly/IUFnwR

    I've been wondering for ages why DW doesn't just show my web fonts in Design View, and now I'm none the wiser. Why doesn't Design View look at your fonts (not your system fonts, your folder fonts) and display them?
    With Font Squirrel you don't even need to / or shouldn't even need to go through that rather bizarre "global" Web Fonts dialog. DW should just look at your fonts folder and work out it needs to display the fonts.
    I'd give this first generation attempt 1/10.

  • What happens if I use a Typekit font for a site and later stop using Creative Cloud

    A client has asked me if I use a Typekit font on her site, what happens if I stop using Creative Cloud. Will the fonts still work on her site?
    thanks,
    Gerry

    Check the Typekit TOS agreement.
    http://www.adobe.com/products/eulas/tou_typekit/
    If you terminate your Cloud subscription, I'm pretty sure you'll need to subscribe separately to Typekit.   The individual plan is free but you must join to use it.
    As an alternative to TypeKit, look at Adobe's Free Edge Web Fonts.
    http://html.adobe.com/edge/webfonts/ 
    Nancy O.

  • 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;

  • Using a web font (Coda), but Muse insists on rasterizing

    I'm using a web font on my site (http://unit304musicvideoproduction.com/), so it should just show the web font. However, Muse insists on rasterizing it. I haven't done anything funky to it, and it even does it when I select Arial as the font, so I don't understand why it's doing this. Any help would be appreciated.

    Hi,
    When you select the text frame (not the text within), does the font menu show Coda or it is blank? Blank indicates "mixed fonts", which could mean you have a lingering system font somewhere within the text frame. Please repeat this test for all states (default, rollover, mousedown, active). A system font in any state will force other states to be rasterized as well.
    If you've rules out the possibility of system fonts, please send your Muse file to [email protected] Please include a link to this post.
    Thanks,
    Abhishek

  • Disable every single web fonts in adobe muse and prevent it from loading open-sans:n3:all.js

    I'm using Adobe Muse 2014.2 to build a Chinese site. The audience of the site is mainly people in mainland china, and I'm using a server from Hong Kong. Recently I just tested the site, however, it was loading extremely slow. In the end I found out that the cause of the slow loading was due to a file called "open-sans:n3:all.js" that was loaded from adobe webfonts.
    Because a lot of sites are blocked in China, I think that Adobe Web Fonts (or typekit) is also blocked thus can't be loaded properly, causing the entire site to slow down.
    Is there a way to disable all the webfonts in Muse and to prevent my site from loading this file?
    Or is there a way I can host this file on my own server?
    Thanks in advance.

    This was a snapshot that my friend in China sent to me. You can see that the open-sans:n3:all.js is taking extremely long to load.
    Yet the funny thing is that I did not use any web fonts in my site. However Muse is still adding it in the code for some reason.

  • How are non iWeb sites able to use non "web-safe fonts?

    I know there is a list of "x" number of "web-safe fonts" that we should stick to. However, we all see incredible fonts all over the internet on non iWeb sites.
    What is it that makes the non-safe fonts work for them. Is there anything we can do to make those fun fonts work for us? I don't have specific examples (sorry). . .just looking for a general answer
    Thanks,
    roxpat

    The type of file compression to use for web pages is dictated by the number of colors required. Since graphics slow down a web site, your mission is to get the best overall appearance, with the smallest file sizes. The most popular forms of graphic compression are .gif and .jpg
    .gif files are limited to 256 colors which work very well for non-photo types of graphics (logo's, etc) and .gif also supports transparency, where you can actually make a graphic appear to be 'cut-out' against a different color background. Gradients do not work well with .gif files.
    .jpg files are more suitable for photo's due to the thousands or even millions of shades of colors in skin tones, vegetation, whatever. Jpg's do not support transparency or animation.
    Photoshop Elements would be a very good program to pick as an overall web and photo retouching program. The "Save For Web" feature is sweet. You can even continue to use iPhoto to manage your photo library and choose a program like Photoshop as an 'External Editor' to actually work on the pictures.
    Adobe Illustrator is probably not where you want to start. There is a learning curve to work with shapes (vectors) instead of actual dots on a page, and it's native format is not compatible with any web browsers. It's really not suitable for photo's at all. It is very powerful when working with commercial graphics that need to be sharp at all sizes, but probably more than you want to deal with.

  • Use of non web-safe fonts during in-browser editing

    Hello.
    I'll looking into setting up in-browser editing so allow others to update the site without me.
    However, the site uses non-web-safe fonts from my computer's font library. Can they update text that uses non-web-safe fonts that they might not own on their computers?
    Thanks,
    David

    Hi Brad.
    Thanks for your help!
    So, just to clarify...
    Even though my website uses a non-web-safe font throughout, it can still be edited in browser mode? (My concern is your mention of "editable region" as my text is saved as an image rather than as text due to the fact the font is a non-web-safe font - does this matter?)
    And lastly, you're saying even though the font won't be installed on the user's own font library, it can still recreate the edited text in the existing font? This seems surprising, but pretty amazing if true?
    Many thanks!!
    David

  • When trying to upload a PDF to an interactive site I get the announcement:"The attached PDF file references a non-embedded font Tahoma. Please remove file, embed the font and reattach." How do I embed this, or in fact any other font ?

    When trying to upload a PDF to an interactive site I get the announcement: "The attached PDF file references a non-embedded font Tahoma. Please remove file, embed the font and reattach."
    I could not get rid of the Tahoma font in the WORD file.
    How do I embed this, or in fact any other font ?

    Thank you very much !
    Indeed, I was unaware of the enormous number of options that can be selected when converting a WORD file to PDF.
    I went thru the settings and found the right one for embedding the fonts.
    Thanks again !
    Oren

  • FF 25 has issues on OS-X 10.8.5. It hangs sites with heavy dom manipulation + web font faces The same page is fine on FF25/Win. Is this being looked at?

    I've been having a lot of issues with Firefox 25 hard-hanging on OS-X 10.8.5. Firefox 24 worked perfectly with various sites I've had problems with recently. Firefox 25 on Windows works fine with the same sites, so does Google Chrome 30, IE9, IE10, and IE11. The hang is very specific to FF25/OSX. Is this being looked at or reported by anyone else? My co-workers are also hitting this. It seems like FF25/OSX has some sort of deadlock condition when there is heavy dom maniplation occurring via JavaScript along with the usage of Web Fonts (font-face/font family). I have to force-quit it and restart. Safe mode makes no difference. Nor does clearing site information.
    If there is any debug I can capture (such as triggering a stack dump) I am more than willing to generate it.

    Followup. Any further updates from Firefox support? This is a blocking issue at my company. We are strong Firefox advocates, but this is starting to damage Firefox's reputation here.

  • Web fonts for non-Roman languages

    The Add Web Fonts dialog in Muse makes it easy for me to find fonts for English and other languages that use the Roman writing system. I need to find fonts for Arabic, Chinese, Japanese, Korean, Russian and Thai, and possibly other systems too.
    Is there a way to search for such fonts, and to preview fonts in the language in which they will be used?

    no because they're not avalible, i think. if live text doesn't matter to you you can just use the fonts localy on your computer and muse will generate a picture of the text area using that non roman font. else if you know your way around code you can just replace the fonts in the css. as for writing in arabic, it'll probably have the same problem as writing in hebrew where muse might align right but you can't set a text box to a RTL direction which means that whatever you write in websafe fonts (if they even exsist, i've no idea) will display in LTR direction. which you can go on and change later in css per text box. another thing you might want to remember before writing in arabic selecting some very spesific font is that since the text boxes turn to images you won't be able to change the direction later on because it's no longer live text.
    hope it helps.

  • Web safe fonts - Baby Theme site 1.0

    Hello
    I'm using the Baby Theme template from 1.0, does anyone know why my content font is being displayed in IE in the Times New Roman font when I have specifically changed the content font to Copper Black in iWeb.
    Can I change the buttons (for blog, albums, movies) font which is defaulted to Hoefler to match the font I'm using for the content.
    Thanks

    why would Apple create template with non web safe font if my users want to view this using IE
    Probably to make things a bit nicer for Mac users, since they will have all these fonts on their machine and it will look the same for them as it does to the author. Apple doesn't always restrict its templates, either regarding fonts or other features, to what works best for Windows users.
    The basic principle is that the viewer must have the font installed on his machine in order to have it display correctly, unless you convert your text into an image (normally done by adding an invisible degree of shadow to your font).

  • Edge web fonts non intégré (Edge Code)

    Bonjour !
    J'utilisais jusqu'à présent que Photoshop et Illustration pour les produits Adobe, et les outils du web viennent d'ailleurs. Aujourd'hui j'ai décidé d'abandonné notepad+ pour Edge Code qui m'a l'air très prometteur et surtout très confortable.
    J'ai eu du mal à comprendre toutes les vidéos qui traînent sur le net car étant donné ma surdité, rien n'est sous-titré. J'ai tout réussi à comprendre sauf l'extension Edge web font. D'après ce que j'ai compris cette extension est déjà incorporée dans ce logiciel. Mais quand je clique sur "font-family" et ses polices rien ne s'affiche contrairement aux vidéos de tuto.
    J'ai regardé dans la liste des extensions, c'est totalement vide. J'ai vu quelques réponses anciennes dans les forums qui disaient d'aller dans le dossier extension etc mais il manque le dossier edge web font justement. D'autre dit que c'est le firewall mais j'ai autorisé le programme en vain...
    Bref je ne sais plus quoi faire et je vous remercie d'avance pour votre aide !

    Dites, juste pour vérifier, parce que du coup j'ai mis le nez dans Edge Code / Brackets et cette histoire de polices, je voulais m'assurer qu'on faisait bien la même chose :
    Dans le html, vous éditez le css d'une balise (cmd/ctrl-E)
    dans ce css, vous saisissez font-family
    Et là, vous cliquez sur Parcourir les polices web pour avoir accès au panneau
    Est-ce bien ça ?

  • Third party web fonts service "integration"

    Please make it possible for people who use other web fonts services than TypeKit in a more non annoying, hair puling approach.
    I use Fontdeck, Fonts.com and Linotype, not TypeKit. And I have no issue with doing it manually by pasting <link> tag into the <head> of your web pages. Upload to FTP then download the site_global.css and paste font-family CSS rules into my site_global.css stylesheet.
    All fine, if it meant only doing it one time, or when change font or style or weight etc. Then natually I accept going through the above steps again.
    But every time I make a change to my site the .css its obviously overwritten and its back to Arial. So I end up doing this 8-10 minimum a day.
    Please look to the way you have handled it in Dreamweaver. Or make checkbox in site properties telling i use “third party font service” leave the font-family tag ALONE! Or when upload to FTP promt me, asking if I want to change the font-family HTML tag in site_global.css… I know its a nasty solution. But i’m a software engineer. But even this would be better.
    Please fix it. TypeKit is okay, but their (your) font catalogue is not that great to be honest.

    Hi,
    Sorry for the late reply. We agree that a designer should be able to use any web font from any foundry/vendor/service in their Muse site. With Adobe Muse CC 2014.1 (released earlier today) we are a step closer to achieving that goal.
    If any of the services you mention above support a "self-hosting" option, please give Adobe Muse CC 2014.1 a try. This update includes support for self-hosted web fonts; to use a specific font in your Muse site, you will need to install the system font (properly licensed for desktop use) and provide the corresponding web font files (properly licensed for use on a website).
    Hope this helps.
    Abhishek

Maybe you are looking for