Using Web font in Spry Menu?

I can get the web fonts I want to use to "work" anywhere on a page except for in a spry menu.
I'd like to utilize one for a menu. How do I accomplish this seemingly herculean task?
Thank you.

Kindly put your page and dependent files online and post a link here

Similar Messages

Wrong Font in Spry Menu DW CS3

Hi, I just got CS3 Design Premium and am playing with the
Spry Menu widget in DW. So far it's been pretty cool and fairly
easy to customize. But I'm having an issue. In DW, my menu fonts
display as a Verdana sans-serif but when uploaded to the server,
it's showing as a Times New Roman type serif font. Any clues? The
test site is here:
http://trekkin.com/test
Here is the SpryMenuBarHorizontal.css CSS file for your
viewing pleasure.

jhurlbut wrote:
> Hi, I just got CS3 Design Premium and am playing with
the Spry Menu widget in
> DW. So far it's been pretty cool and fairly easy to
customize. But I'm having
> an issue. In DW, my menu fonts display as a Verdana
sans-serif but when
> uploaded to the server, it's showing as a Times New
Roman type serif font. Any
> clues? The test site is here:
http://trekkin.com/test
>
> Here is the SpryMenuBarHorizontal.css CSS file for your
viewing pleasure.
>
> /* Menu items are a light gray block with padding and no
text decoration */
> ul.MenuBarHorizontal a
> {
> display: block;
> cursor: pointer;
> background-color: #a05030;
> padding: 0.5em 0.75em;
> color: #FFFFFF;
> font: Verdana, Arial, Helvetica, sans-serif;
> text-decoration: none;
> text-align: left;
> }
>
Change the one above for this......
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #a05030;
padding: 0.5em 0.75em;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: left;
HTH
chin chin
Sinclair

Can I use Web Fonts in Illustrator or Photoshop?

I'd like to use a few of the web fonts for a clients project but I need to be able to have the fonts available for me in Illustrator and Photoshop as well as Dreamweaver and Muse.
I am a full Creative Cloud Subscriber and need to have complete integration across all or most products.
Thank you for help in advance

The short answer is this is not possible.
The long answer is Photoshop & Illustrator use print fonts installed on your system (True Type, Open Type, Post Script).
Web fonts (ie: Google, TypeKit, Edge, etc...) need a web browser to display them because they use file types that are not recognized by other applications.
EOT Compressed
EOT Lite (uncompressed)
TTF (raw TrueType Fonts for screen)
SVG (xml version)
SVGZ (gzipped version)
WOFF (gzipped, web only, cross-browser font)
Nancy O.

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

How can I use web fonts I purchased?

I purchased Avalon from Font Spring (http://www.fontspring.com/fonts/fontsite/avalon) and it came with web fonts.
How can I use the web fonts I bought with Adobe Muse?

Hi,
An update: Adobe Muse CC 2014.1 (released earlier today) includes support for self-hosted web fonts. To use a specific font in your Muse site (such as the Avalon that you purchased from FontSpring), 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).
Give it a try and let us know if you need help or run into issues.
Thanks,
Abhishek

Using external xml for spry menu help

Just started playing with DW CS3, I would like to know how to
insert a spry menu and get the xml data from an external file. Can
anyone point me at a suitable example or tutorial please?

The video workshop has some great tutorials with spry.
http://www.adobe.com/designcenter/video_workshop/
Aram

Spry Menu and IE Issue (Hover Font Size)

I'm not able to figure out why the hover focus setting works fine with Firefox or Chrome, but I can't find a setting in the CSS to ensure the value for the font on a hover within IE remains fixed. on a hover, the font size increases slighly in IE and pushes menu out of alignment very slightly. I was able to keep the hover size fixed in Firefox and Chrome via the CSS values for the spry, but not sure why IE is doing this and if there is a setting specific to IE that would allow me to keep the hover font size fixed, but not change the values in Firefox/Chrome. Is there any way to lock in the hover value using CSS for the font so in IE it remains constant?
http://oregonstate.edu/~labellec/CDfiles/index.html
Page is under development, but if you open it up in IE, the menu hover causes too much movement. I'm new to CS4, so, any help appreciated.
Thanks,
Chris

Perhaps you could adapt the techniques used here for your
Spry menu:
http://www.projectseven.com/products/menusystems/pmm2/see-through.htm
Al Sparber - PVII
http://www.projectseven.com
The Finest Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/pop
The Ultimate DW Menu System
"Webkil" <[email protected]> wrote in
message
news:gnmh2l$dvo$[email protected]..
>I have tried this. I want a transparent background no
colour. As soon as I
>add transparent IE comes up with the word false in the
sub menus.

How to populate a spry menu using microsoft sql server database?

Hi
I would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system.
My concept is to populate the menu items on the fly using MS sql server as the database technology.
Can anyone point me in the right direction? I have googled and searched but cant seem to get anywhere.
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Thank you.
Jerry

I would like to use dreamweaver cs4 and spry menu to create a dynamically created menu system. My concept is to populate the menu items on the fly using MS sql server as the database technology.
Basically
create a dynamic XML file containing data from the database
create A SpryXMLDataSet
create a SpryRegion where the menu appears
using SpryRepeat populate the menu
More info can be found here http://labs.adobe.com/technologies/spry/samples/
Also once i get my menu established, i would like to style it. It seems like a lot of work to style each element by hand. I was wondering if there were some collection of spry menu css files somewhere that i could just attach and presto!
Have a look here http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
If you require further Spry related support go to http://forums.adobe.com/community/labs/spry

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

When I use Find Font command from Type menu, the overprint fill changed!

Can any one tell why the overprint fill attribute checked when I use Find Font from Type menu to simple change the font.
Try this Illustrator file from this URL:
https://docs.google.com/open?id=0BysC4QT512vCY2YzZDRkMGEtMjNmMy00MDE2LWFmNzQtNTBhNDQ5MTBlO Dk1
and change the font of letter B in the illustration using Find Font command to and font and notice how the overprint fill changed from uncheched to checked.

The problem happens here, even if I first change the color to CMYK 0000 prior to using find font.
Anything we need to know about the history of this file, was it originally a pdf, or those text objects.
Manually changing the font does not turn overprint on, Find Font is toggling the overprint value in the code for this probably due to somehting abnormal in the code, or maybe be associated to this font's name triggers this glitch.

Is there any way to disable the mouse-over function of the Spry Menu Bar (CS5)? Click-open preferred

Hello,
I'm using the standard CS5 Spry Menu Bar (Horizontal) in Dreamweaver. I have it set up exactly the way I want with CSS. However, I've very little experience with Javascript, consequently I'd like to ask anyone here for some help in modifying this aspect of the Spry Menu Bar. I'd like it to 'click-open' and not open when the mouse is over it. I've tried to change the delay variables in the code to something that has a longer duration in milliseconds; unfortunately, this tends to cause some bugs such as the menu re-opening once the mouse is no longer near it and other such bugs.
The ideal solution for me would be to have it open when it's clicked on once. The reason I need this is because the menu appears over some buttons - there's no way around this for me, it's the layout I absolutely must have. Although the buttons don't overlap with the menu, they are very close and it is annoying when your hand slips a little and the menu pops up over it all.
I'd appreciate any help at all, thank you.
PS:- The Javascript containing the delay variables I tried to modify.
Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {}

Hello,
Thank you so much for replying so quickly and moreover, solving my problem. I must apologise for not doing more research about this issue by searching these forums more thoroughly. I found a similar post here:-
http://forums.adobe.com/message/139937#139937
Your solution goes one step further and eliminates the need to search through the Javascript for the relevant code.
Thank you again, you've helped me a great deal.
Best wishes,
foreverdusty.

Edge Web Fonts - not showing up

Hey Everyone,
Using Edge right now and having issues with Web Fonts. I'm using Edge Animate CC. When I choose a Web Font I can see it in the drop down list of available fonts but when I choose it nothing happens. When I Preview the HTML page I also don't see the updated Font applied to the text. When I switch fonts between the old statndard fonts I can see it change on the stage and in Preview but when using Web Fonts I am getting nothing. Any suggestions? Is this a current Bug? Screen shot attached to show how the selected Font is not appearing on the stage. I am using the most current version 3.0.
Thanks!

You do need to choose add font with the plus sign. Then it shoud appear in the right windows.

Some web fonts are not rendered

When I visit some sites that use web fonts, the web fonts are not rendered. It does not render with the wrong font - the text is completely invisible.
On other sites, web fonts work just fine, and I cannot understand why some web fonts work and some don't.
Examples of non-working sites:
http://blog.mailchimp.com/ (headers shown, article text missing)
https://www.sbab.se/ (huge top header missing)
http://onlinepizza.se/ (headers and button texts missing)
Examples of working sites:
http://www.google.com/fonts
http://www.typetester.org/
On the Network -> Fonts tab in the inspector, no downloads are shown on the broken sites. Is there a font cache that I can delete?
I have tried uninstalling firefox, deleting all profiles and installing it again. Nothing changes.

Works fine here on Linux.
Right-click > "Inspect Element" > Font shows:
*http://blog.mailchimp.com/ Copyright (C) H&FJ | typography.com (Whitney SSm B) & Copyright (C) H&FJ | typography.com (Whitney SSm A)
*https://www.sbab.se/ SBABSansStencilBeta-Bold
*http://onlinepizza.se/Stockholm/ MuseoSans-700
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe Mode start window.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Hold down the Shift key and left-click the Reload button
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (Mac)

How to use Google Fonts in email?

Hi,
I would like to know how I use google fonts in my emails.
We're using the ubuntu font and I see the fonts on my computer but after sending an email the fonts change.
I'm using the addon SmartTemplate4.
Hope any f you know the answer!
Thanks in advance

Several online resources point to these two articles at Campaign Monitor:
* [https://www.campaignmonitor.com/blog/post/3897/using-web-fonts-in-email Using web fonts in email] (Dec. 2012)
* [https://www.campaignmonitor.com/resources/will-it-work/webfonts/ Web Fonts] (permanent resource)
The first link provides examples on how to do this, while the second one has informaiton about email client support & compatibility with this feature.
Keep in mind using web fonts will have a limited effect if viewing such emails while offline.
[http://kb.mozillazine.org/Default_HTML_font_for_new_messages_-_Thunderbird This older MozillaZine article] also has information about fonts use in Thunderbird. In my experience in most cases the receiving party will have to have the fonts locally installed for the best results.

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.)

Using Web font in Spry Menu?

Similar Messages

Maybe you are looking for