TypeKit Fonts Not Displaying When Published to Web

Hello everyone. After noodling around the forums, I found the method for using non-Edge fonts from TypeKit in a Muse site. For some reason, however, it doesn't seem to work. My workflow if below. Is there something I'm missing? Is there a specific font I should be using in Muse in the hopes it gets overwritten by TypeKit?
1. Setup and publish TypeKit.
     a. Added Adobe Garamond Pro as font.
     b. Created selector of .body_garapro for that font.
     c. Publish changes.
2. In Muse:
     a. Copy embed code from TypeKit into Head via page properties for Master Page.
     b. Create paragraph style called body_garapro. (In this paragraph style, I tried using good old web safe font Arial and the edge web font Garamond EB. In either case neither was replaced. I made sure not to use a system font to avoid the image output issue.)
     c. Export site as HTML, upload via FTP to domain entered into TypeKit...and no TypeKit replacement.
I also made sure that my test text had no overrides and was using the straight body_garapro paragraph style.
Any help would be greatly appreciated!
Chris

In the web template properties there was a setting named "Force Variable Screen Display" make sure it is checked.
And also see if this helps:
Re: Force Variable screen with Web Templates?
Gili

Similar Messages

Typekit font not displaying in iPad DPS app (created by Indesign) in Web Content (Edge Animate)

I think I have tried every permutation to make this work, but I am probably missing something.
I am creating a single DPS iPad app with InDesign, and I am using a Typekit font throughout. So far so good.
I have created an Edge Animate project using the same Typekit font. In preview mode, it is fine as well.
However, when I place the Edge Animate project into a frame in InDesign and use the Web Content Folio Overlay (regardless of whether I use the .oam file or link directly .html output published by Animate), the Typekit font will not show up in the Edge Animate portion of the DPS app and will instead use a fallback font.
Can anyone suggest a way to make Typekit fonts in Edge Animate work when embedded in a DPS app? (For what it's worth, I have the same problem when embedding html output from Tumult Hype, so it seems unlikely that this is an issue with Edge Animate at all and probably has more to do with something in the way the DPS app is dealing with embedded html content.)
Thanks in advance for any assistance.

Believe me, I understand the pain. Unfortunately there's only so much we can do at Adobe as the EULAs provided by the foundries for their respective fonts are very explicit in where you can and can not use them.
For example, packaging an InDeisgn file and sending it off for pre-press with the fonts included in the package is in direct violation of most font EULAs. In a studio environment, you're only allowed to have a font installed on n number of computers and need to have multiple licenses to accomidate >n number of seats. When creating a PDF, fonts explicitly have to be subsetted before embedding into the PDF.
That's just to paint a picture of the fragile state of using fonts in print, usage in digital mediums is just another bee in your bonnet when it comes to considering when you can and cannot use a font.
Services like Typekit Desktop are trying to make this easier by removing a lot of those pain and condierations for you, by blanketing all these fonts under a single license you're free to use for print and the web. There's still some gotchyas, but we're aiming to greatly reduce how much you have to think about it where we can.
So yes there's a bit of education when it comes to mixing embedded HTML content/fonts with DPS, but at least there's options
Sarah

Why are TypeKit fonts not displaying correctly in Pages (iWork)?

I have just subscribed to TypeKit and am experiencing highly peculiar behavior from the two fonts I’m using in Pages (iWork): Basically, fonts in my document don’t respond appropriately to requested changes in style. For example, if I increase the point size by one point using the the formatting commands built into Pages, the font drops a point size. I’ve had the same experience using the kerning command, where the kerning decreases when I have set it to increase. (So far, the only fonts I’ve been using have been Futura PT and Proxima Nova.)
Look at the example in the screenshot: “FEATURED EXPERT” on the top line shows in Pages as being 24pt Futura PT Book. However, “SOLO,” a few lines down, which is definitely displaying as smaller, shows as 25pt Futura PT
In a potentially related issue, when I reopened this same document today, text boxes were suddenly too small for the text (again in Futura PT and Proxima Nova). It was as though Pages was suddenly reading those two fonts differently.
I have had no issues with other (non-TypeKit) fonts in the same document.
Anyone else experiencing anything similar? Any suggested fixes? I'm reluctant to unsync/resync the two affected fonts (the only ones I have sync'd to date) because I don't want to wreck the document!

Thanks, Christopher. After I posted my original question, I did come to realize that it was Helvetica not Future PT showing. Here’s what happened, and here’s why I still need some guidance…
The document dropped Future PT because when my wifi signal dropped, the Creative Cloud app displayed this error symbol (see graphic) in my menu bar.
At that point, my computer could no longer access my TypeKit fonts and the document reverted to the system's Helvetica default.
This was not an isolated incident.
If I turn wifi off manually, there is no issue and CC continues to operate in the background as it should, with TypeKit fonts still available.
However, if the wifi drops out on its own, I get the above error symbol and I then lose access to my TypeKit fonts. Very rarely, the CC app will self-correct when the signal is restored. More often than not, I must quit the CC app and relaunch it in order to get things back to normal.
This doesn’t strike me as normal behavior Have you ever encountered anything like it? Do you know of a fix that will allow the CC app to self-correct when the wifi signal is restored?
Any assistance will be appreciated!
Thanks!
P.S. TypeKit troubleshooting doesn’t address this particular issue.

Photo gallery not displaying when published to .mac

Hey,
I'm having some trouble publishing my photo gallery. I do not want to publish it as a web gallery from iPhoto then link to it with iWeb. What I want to do is to send a gallery from iPhoto into iWeb, and have it published as part of the website. When I send a gallery over to iWeb, it loads up great, and I have all the functionality that one would expect when doing this so by all indications, it will load up great on my .mac account. When I publish the website, it does say that it is publishing the photo gallery page, but the issue is that none of my galleries ever show up! I do not know what to do, I have tried completely deleting the photo gallery page and remaking it in case I did something wrong in the design somewhere, but it still does not load up. If I link in a web gallery, it does show up, but, again, that is not what I want to do. I am at a loss for what may be causing the error. Any help at all would be greatly appreciated.
Thanks!
Heather

Publishing a iPhotoalbum to iWeb is the same as dragging the album from the media browser to iWeb.
When I send a gallery over to iWeb, it loads up great, and I have all the functionality that one would expect when doing this so by all indications, it will load up great on my .mac account.
When I publish the website, it does say that it is publishing the photo gallery page, but the issue is that none of my galleries ever show up!
What is it? Does it upload great to dotMac or doesn't it?
There's only one thing to do. Publish it. No need to upload. iWeb takes care of that.
It helps if you provide a URL to said page.

Custom fonts not displayed when PDF is generated using 10g Report builder

Hi
I have two fonts , abc.ttf and def.ttf which I have placed under C:\Windows\fonts. One of these displays a logo and the other displays barcode
I have added the environment variable REPORTS_PATH which has value C:\Windows\fonts. I have also added entries for PDF Subset in uifont.ali.
But still when I run the report and out to a PDF file, the fonts are not displayed. They are remapped to some other fonts.
When I check PDF document properties in Adobe reader, under fonts tab it says
abc
   Type:Type1
   Encoding:ANSI
   Actual Font: Adobe Sans MM
   Actual Font Type : Type 1
def
   Type:Type1
   Encoding:ANSI
   Actual Font: Adobe Sans MM
   Actual Font Type : Type 1
uifont.ali entries
[ PDF:Subset ]
# This example shows how to subset Arial True Type font into the PDF file
# Arial = "Arial.ttf"
# The True Type font files must exist in any one of the folders specified in
# REPORTS_PATH.
abc= "abc.ttf"
def="def.ttf"
In Oracle reports builder, I am able see these fonts and select them in my report layout
I am able to see the fonts in Preview/screen output while running RDFs in my reports builder, but PDF output doesnt display these fonts
Is there anything else which is required to do ? Do I need to restart the machine after environment variable is added ?

In one PC were Report Builder is installed, we see "COURIER NEW - WESTERN" font and the RDF created / saved in that font works fine on server. I don't know if this helps!

Flash not displaying when published

When publishing my flash site, the only thing that displays on screen is the link for a flash update. I am not sure why this is. I have everything up to date on my computer. I believe it has to do with the code in the html that was generated by flash. Please take a look and let me know. Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1280" height="720">
<param name="movie" value="transmedia1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="15.0.0.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="transmedia1.swf" width="1280" height="720">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="15.0.0.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    
    <div>
      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
      <a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a>
    </div>
    
</object>

</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Nevermind I found the answer...
For anyone else who is having the same problem...
<param name="swfversion" value="11.4.402.287" />
this defaults to 15.0.0.0 and needs to be set at the current version of flash.
Something adobe should look at.
Hope this helps anyone who has had the same problem.

Images not appearing when publishing on web

Hi,
I have created a Flash object which uses an xml to read the image path and few other attributes. I could successfully generate the swf and publish (html) the object.
When I view menu.html, independently in a browser it works fine. However, when I embed this, generated html (menu.html), in the home page of another website(homepage.html), it breaks. The images are not displayed.
All of the templates - config.xml, menu.fla, menu.swf, menu.html & homepage.html (of the other website) are all in the same folder.
Any suggestion.
Regards,
zona

Hey, I could make the images appear now....
The xml was passing absolute path. So when I generated the html from Flash (file/publish) and opened this html in a browser it was working file. However, when this html was embeded in another html it broke.
Using Relative path, in the xml works.
Now the images are taking 2 - 3 seconds to load. It is slow. Is there any way (in Flash) to cache the images once they are loaded for the first time.
Any suggestions.
Regards,
zona

Dynamic text not displaying when publishing for flash 8

This dynamic text works fine when the movie is published for
flash 7, but when i export for the flash 8 player it seems to be
invisible. Is there any obvious reason for this happenning?
thanks
jon

Ok, thanks, looks like you've pointed me in the right
direction. I havent fixed it yet though. Heres where i am at:
eval(theTarget+".buttonPrime").tex.embedFonts = false;
now i can see my text. of course its using a default font.
var my_fmt:TextFormat = new TextFormat();
my_fmt.font = "arial14b";
eval(theTarget+".buttonPrime").tex.embedFonts = true;
eval(theTarget+".buttonPrime").tex.text = "wasssup?";
eval(theTarget+".buttonPrime").tex.setTextFormat = my_fmt;
this isnt working. I have added a font object to the library
and linked it for actionscript using the monkier "arial14b".
however my text is quite invisible. i have checcked, 'export in
first frame' for the font object i even tried it with this
deselected. i have deselected the embed font option on the text
feild itself. that doesnt work either (unless i dont try to set the
text format, so long as i accept a default font, its fine).
so err, help?
confused
jon
ps further to this is have discovered more about this strange
behaviour. i can set the text to a different string, provided i do
not try to embed the font in any way. if i set the font to embed, i
can have the text display with the correct font, until i change the
text. then it dissappears. also i cannot seem to affect properties
like font size by means of my TextFormat object. the textFormat
object also does not seem to affect the font of the text.
in short, when exporting for flash 8, i cannot seem to
successfully embed fonts for dynamic text. the only thigs i have
gotten to work are: static text (or a dynamic text feild with
unchanged text) with an embedded font, or dynamic text with a
default font.

Embedded fonts not displaying when building project via mxmlc

I have a flex 3 project and I'm trying to upgrade it to flex 4.6 sdk. I have a number of embedded fonts in my application. These display fine when I build via Eclipse/Flash builder. When I build using mxmlc the embedded fonts are not being used. I build the fonts in the same way for both so I am assuming there is some compiler option which I am missing, or which I have that is causing the problem. I've tried every compiler option I can think of and now I'm at a dead end...
<target name="compile" depends="getswcs, compilemodules">
     <echo message="mxmlc=${mxmlc}"/>
     <echo message="flex.lib.dir=${flex.lib.dir}"/>
     <echo message="flex.extlib.dir=${flex.extlib.dir}"/>
     <echo message="flex.locale=${flex.locale}"/>
     <echo message="flex.locale.dir=${flex.locale.dir}"/>
     <exec executable="${mxmlc}" dir="${basedir}" failonerror="true">
          <arg line="'src/${main}'" />
          <arg line="-o 'bin/${component.lowercase.name}.swf'" />
          <arg line="-l+='${flex.lib.dir}'" />
          <arg line="-sp src" /> <arg line="-accessible" />
          <arg line="-strict" />
          <arg line="-el '${flex.extlib.dir}'" />
          <arg line="-compatibility-version=3.0.0" />
          <arg line="-target-player '11.1'" />
          <arg line="-include-libraries+=lib" />
          <arg line="-locale ${flex.locale}" />
          <arg line="-l+='${flex.locale.dir}'" />
     </exec>
</target>
The compileModules builds my fonts, for example:
<exec executable="${mxmlc}" dir="${basedir}" failonerror="true">
     <arg line="fonts/OCRAEXT.as" />
     <arg line="-static-link-runtime-shared-libraries" />
     <arg line="-o bin/lib/OCRAEXT.swf" />
</exec>`
as file:
public class OCRAEXT extends Sprite {
     [Embed(source='OCRAEXT.TTF', fontName='_OCRAEXT', embedAsCFF='false', unicodeRange='U+0030-U+0039,U+002E,U+002F,U+20AC')]
public static var font:Class; }
I don't think there's an issue here, since the fonts are already built via my compileModules before building the application in Eclipse, where the fonts display correctly.

Try comparing SWF sizes and link-reports.

Horizontal Menu Bar not displaying when published as it views in live view or preview

I am working on putting together our site and haven't used Dreamweaver in years so very rusty. I have a horizontal menu bar that is working properly in "live view" and in "preview" mode but when I publish the submenus are not working.
You can view the site at www.pulsecc.org
Any help will be greatly appreciated.

Thank you so much! That's a little frustrating how long I pulled my hair out trying to figure something this simple out!
Thanks again!

How can I get typekit fonts to display in edge code live preview?

I'm wondering how I can get typekit fonts to display when using adobe code cc live preview? I'm aware that it's an issue with my local base url, but I'm confused as to how to fix the issue.
Right now my site is stored locally in a folder on my desktop. I'm not sure what to put in the typekit settings under "domain" and what URL to put in the project settings in edge code.
A little help please?

Hello,
I'm sorry that you ran into trouble with this. In order for the Typekit fonts to load, you need to add the IP address that you are using for Live Preview to the domain listing on the kit.
By default, Edge Code uses the IP address "http://127.0.0.1/"; you should see that listed in the web browser when previewing your site. If you've changed the preview URL in Edge Code, it might be something like butterville.local instead.
In either case, copy the URL where you are previewing the site, and add it to your domains: go to http://typekit.com and launch your Kit Editor. Click Kit Settings in the upper right corner and add your domain to the domains field, then save your settings.
Make sure you republish your kit after saving the changes.
I hope that this helps! If you still have trouble with the font loading, please send me the preview URL you are using along with your Typekit kit ID. You may post those here or email us at [email protected]
Best,
-- liz

Adobe PDF files will not display when called via a link in page (FF 4.01)

adobe PDF files will not display when called via a link in page.
This happens when testing new web page from DWeaver CS5 - all other browser tests are OK (IE9, Safari5.05, Chrome etc.)

[moved to the Adobe Reader (desktop) forum]

Included subview not displaying when run, only in editor

Hallo -- I have a page called home.jsp that contains a subview.
home.jsp looks like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<%@ page language="java" contentType="text/html; charset=iso-8859-1" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<f:view>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<h:panelGrid width="100%" columns="1">
     <h:panelGroup>
          <h:outputText value="Hello?"/>
     </h:panelGroup>
     <h:panelGroup>
          <h:panelGrid width="100%" columns="2">
               <h:panelGroup>
                    <f:subview id="navigationPane">
                         <jsp:include page="subview/navigationPane.jspf" flush="true" />
                    </f:subview>
               </h:panelGroup>
               <h:panelGroup>
                    <h:outputText value="Hello-o-o-o...?"/>
               </h:panelGroup>
          </h:panelGrid>
     </h:panelGroup>
     <h:panelGroup>
          <h:outputText value="Where's my subview?"/>
     </h:panelGroup>
</h:panelGrid>
</body>
</html>
</f:view>
[/code:1:ccbd93ceb2]
And the file in the subview, named [b:ccbd93ceb2]navigationPane.jspf[/b:ccbd93ceb2] in the subfolder [b:ccbd93ceb2]/subview[/b:ccbd93ceb2] looks like this:
[code:1:ccbd93ceb2]<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<h:panelGrid width="20%" columns="1" id="navigationPane">
     <f:facet name="header">
          <h:outputText value="Navigation Pane"/>
     </f:facet>
     <h:panelGroup>
          <h:form>
               <h:commandLink id="gotoHome" action="gotoHome" immediate="true" style="text-align: center">
                    <h:outputText value="home"/>
               </h:commandLink>
          </h:form>
     </h:panelGroup>
     <h:panelGroup>
          <h:form>
               <h:commandLink id="viewByCustomer" action="viewByCustomer" immediate="true" style="text-align: center">
                    <h:outputText value="view by customer"/>
               </h:commandLink>
          </h:form>
     </h:panelGroup>
     <h:panelGroup>
          <h:form>
               <h:commandLink id="viewByJob" action="viewByJob" immediate="true" style="text-align: center">
                    <h:outputText value="view by job"/>
               </h:commandLink>
          </h:form>
     </h:panelGroup>
     <h:panelGroup>
          <h:form id="quickSearchBeanForm">
               <h:panelGrid columns="3">
                    <h:outputText value="Search By Option:"/>
                    <h:panelGroup>
                         <h:selectOneMenu id="quickSearchBean_searchByOption" value="#{navigationPaneBean.quickSearchBean.searchByOption}">
                              <f:selectItems value="#{navigationPaneBean.quickSearchBean.searchByOptions}"/>
                         </h:selectOneMenu>
                    </h:panelGroup>
                    <h:message for="quickSearchBean_searchByOption"/>
                    <h:outputText value="Search For:"/>
                    <h:inputText id="quickSearchBean_searchFor" value="#{navigationPaneBean.quickSearchBean.searchFor}"/>
                    <h:message for="quickSearchBean_searchFor"/>
               </h:panelGrid>
          </h:form>
     </h:panelGroup>
     <h:panelGroup>
          <h:form>
               <h:commandLink id="gotoAdmin" action="gotoAdmin" immediate="true" style="text-align: center">
                    <h:outputText value="admin"/>
               </h:commandLink>
          </h:form>
     </h:panelGroup>
     <f:facet name="footer">
          <h:form>
               <h:commandLink id="logout" action="logout" immediate="true" style="text-align: right">
                    <h:outputText value="logout" style="text-align: right"/>
               </h:commandLink>
          </h:form>
     </f:facet>
</h:panelGrid>
[/code:1:ccbd93ceb2]
Just to be really clear, here is the dierctory structure for the relevant files:
[code:1:ccbd93ceb2]/web
|
|
|--/pages
|   |
|   |
|   |--/app
|   |   |
|   |   |
|   |   |--/subview
|   |   |   |
|   |   |   |--navigationPane.jspf
|   |   |
|   |   |
|   |   |--home.jsp
|   |
|   |
|   ...
|
...[/code:1:ccbd93ceb2]
My problem is that the subview will not display when I run the web app. In the design view I can see it just fine, but when I browse to home.jsp when running, all I get is this (from view source):
[code:1:ccbd93ceb2]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<table width="100%"><tbody><tr><td>Hello?</td></tr>
<tr><td><table width="100%"><tbody><tr><td></td><td>Hello-o-o-o...?</td></tr>
</tbody></table></td></tr>
<tr><td>Where's my subview?</td></tr>
</tbody></table>
</body>
</html>
<script type="text/javascript">

</script>
[/code:1:ccbd93ceb2]
Does anyone have any idea why this might not be working?
I'm really stumped!
Cheers,
   doug.

http://forum.java.sun.com/thread.jspa?messageID=3413354&#3413354

Font not displaying on Reports Output (RHEL 5) for 10g

Hi, I know I've posted a question in the past about a font not displaying on Report Output for my Arial, Arial Narrow, and Courier New fonts. I worked with Oracle Support and found that Metalink Note#261879.1 fixed my problem with those 3 fonts. I ran the scripts and now that part works great.
However, I have one font "ARIALUNI.TTF" that will not work. This is out specific barcode font we use. I've pushed it on Linux from my Windows by pushing it as a binary file to the ORACLE_HOME/guicommon/tk/admin/TTF directory. I even put it in the directory for TTF on Metalink Notoe 261829.1 and let it create the files, but it still doesn't find it when I ran a report that uses this font.
I tried using font subsetting via the uiprint.ali and make a reference but it still doesn't seem to work.
Is there something I'm missing that would cause any of these not to work. I thought maybe some files had to be created under the guicommon/tk/admin/AFM file directory but I'm not sure.
I just want to have my 2 or 3 reports that use this barcode to work. Once I get them, I'm done and all my font issues are resolved. Any help is appreciated.
Chris

They are probably a very old Type 1 font. Try checking the dates on the font files. Your best bet would be to get the OpenType versions of those fonts and install them.

Why is it when I add photos from iPhoto onto an iMovie project, it is not displayed when I play the movie from beginning to end, although I can see it in the (edit) format?

Hi everyone,
I'm just wondering why is it that when I place an image from iPhoto to an iMovie project, it is not displayed when I play it from beginning to end in fullscreen playback mode? However, when I exit it on the timeline, it is shown. All I did as drag it from the iPhoto column and place on at the beginning. I would really appreciate someones help because I really need to be able to place images onto my projects. Thanks!

Sounds like your talking about iMovie for Mac?
This is the iOS version, repost here:
iMovie

TypeKit Fonts Not Displaying When Published to Web

Similar Messages

Maybe you are looking for