Fuzzy Around Text / Embeded Fonts

I am using Illustrator to create a business card to have
printed at VistaPrint.
Initially I created the card and uploaded it to their site-
only to find the font changed.
So I made a copy of the file, and then went to TYPE>CREATE
OUTLINES
and then re-saved the file.
However, now when I upload the files to vistaprint- the area
around the text
is "fuzzy" with splotchy color. The background of the cards
is a dark purple
with white text.
Why am I getting the "fuzzy" around the text area? (It almost
looks like a slightly
lighter shade of the purple background color that is
pixelated around the text).
In Illustrator the file looks clean and crisp- with no
fuzzies, but in the preview
screen for vista print- the fuzzies show up. Is it just
because it's a preview screen?
I don't want to pay for the cards if they will be "fuzzified"
when they are printed too.
thanks in advance for your help!

I'm sorry I posted this in the wrong forum!

Similar Messages

Rotating text without embedding fonts - how?

No doubt same or similar question was asked and most likely answered but I could not
find anything that would match...
I want to draw column headers of my ADG vertically. So, I need rotate column text 90 degree
and adjust position.
Is it true that it can be achieved with embedded font only? If it is true how can it be done for
Unicode code, which includes ranges for Japanese, Chinese, etc characters. The size of
swf is going to be huge. Several sites like this
http://www.forestandthetrees.com/2009/06/29/rotating-text-without-embedding-fonts/
claims that they have a solution for the problem without embedding fonts.
Note: I am still using Flex 3.3 SDK with no TLF. By the way, do TLF libraries work with
3.3 SDK.?
Thanks in advance

Draw your text onto a bitmap image (or take an ImageSnapshot of a Label), then rotate the image.

Embedded Fonts and HTML Text

I am attempting to use a non-standard font in an HTML dynamic textbox using the tag. I have embedded this font using the textbox properties box and the fonts appear in the library. According to previous posts to this form, that should do it. But, my fonts are not appearing correctly. Any advice?

OK,
I have given up messing with stylesheets, trying display:
block, inline, different ways of formatting the XML, messing with
XML.ignoreWhiteSpace, and XML.prettyPrinting etc.
I went down the route of encodeURI, using a RegExp to strip
out all tabs, linefeeds and carriage returns. This now gives
consistent results for all situations, even embedded and none
embedded fonts.
e.g.
_text:String = TEXT FROM XML, HTML TEXT etc
var st:String = encodeURI(_text);
var pattern:RegExp = /(%09)+|(%0A)+|(%0D)+/g;
st = st.replace(pattern, "");
st = decodeURI(st);
YOUTEXTFIELD.htmlText = st;
The tags still behave as a tag, but you
can add an extra to simulate a paragraph.
Here is the example again with the updates,
Hope this helps someone

Text display issues with htmlText, Embedded Font

Hey All,
I'm having an issue with the display of my hyperlinks in a
textfield that is using embedded fonts. It offsets the hyperlinks
to the left along the line they are on and the underline doesn't
stretch all the way under the text field. The text display normally
when I don't embed the font. For some reason I think this might
have to do with the embedded character range so I opened it up.
Does anyone know if this range is enough or if there are special
characters flash uses that need to be embedded for their width even
though they arn't displayed.
Embedded range:
[Embed(source='MyriadPro-Regular.otf', fontName='Myriad Pro',
unicodeRange='U+0000-U+00fe')]
Here's a link to the related code:
http://pcpnew.privatepaste.com/a7eKaAuCTt

Any ideas?

[svn:fx-trunk] 8531: If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.

Revision: 8531
Author:   [email protected]
Date:     2009-07-13 12:25:57 -0700 (Mon, 13 Jul 2009)
Log Message:
If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.
QA Notes:
Doc Notes: SDK-22205.
Reviewers: will be Gordon
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22205
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/primitives/RichEditableText.as

Revision: 8531
Author:   [email protected]
Date:     2009-07-13 12:25:57 -0700 (Mon, 13 Jul 2009)
Log Message:
If using an embedded font, need to measure the text with it so that if auto-sizing, the correct amount of space is allocated.
QA Notes:
Doc Notes: SDK-22205.
Reviewers: will be Gordon
Ticket Links:
    http://bugs.adobe.com/jira/browse/SDK-22205
Modified Paths:
    flex/sdk/trunk/frameworks/projects/spark/src/spark/primitives/RichEditableText.as

Gumbo text elements and embedded fonts

Hi again,
ok I found the solution. The first time, I searched in the "CSS Advanced Selectors" spec document for the solution and I found nothing about it. Then I had the "great" idea to look in the only right place which is of course "Text Primitives (TextBox, TextGraphic, and TextView)". There I found the hint about "DefineFont4" which, with some search, led me to the solution:
1. Add the new property "cff: true" in the "@font-face" css block
2. Set the property fontLookup="embeddedCFF" for the text element
et voilÃ !
I hope this will save somebody else some time!
Haykel Ben Jemia
Allmas
Web & RIA Development
http://www.allmas-tn.com

OK,
I have given up messing with stylesheets, trying display:
block, inline, different ways of formatting the XML, messing with
XML.ignoreWhiteSpace, and XML.prettyPrinting etc.
I went down the route of encodeURI, using a RegExp to strip
out all tabs, linefeeds and carriage returns. This now gives
consistent results for all situations, even embedded and none
embedded fonts.
e.g.
_text:String = TEXT FROM XML, HTML TEXT etc
var st:String = encodeURI(_text);
var pattern:RegExp = /(%09)+|(%0A)+|(%0D)+/g;
st = st.replace(pattern, "");
st = decodeURI(st);
YOUTEXTFIELD.htmlText = st;
The tags still behave as a tag, but you
can add an extra to simulate a paragraph.
Here is the example again with the updates,
Hope this helps someone

Correct dimensions for a text with embedded font

Can someone please tell me how can I find the width, height and lineHeight for a text that is inside a RichEditableText component if I'm useing embedded fonts as cff?
I have a font that has big loops on letters like f,j,g. I
tried to get the infos from the richEditableText and richEditableText.textFlow. I even tried to compute the height of the text line by line with textFlow.flowComposer.getLineAt(i).height. But none of this got me a value big enought to cover the loops too.

Might be an issue with the font. Try checking each of the children in the RichEditableText. Some of them should be TextLines. See what they report.

Dynamic text and embedded font

Hi,
I'm new to Flash and AS3, and I'm having a problem when I do
the following: I create an empty dynamic text field in the
authoring environment, click "Embed...", and choose the character
sets that I want (I get the same results when I embed the entire
font). The first time I change the contents of the text field with
the command:
text_field.text = "string 1";
I get good results--the text appears in the correct font.
However, subsequent attempts to update the .text property fail with
no error message, and the field becomes blank.
If I remove the embedded font by clicking "Don't embed" in
the embedding dialog, then every time I update the field's .text
property, it displays correctly using a local machine font.
I've also tried embedding the font in the swf by creating a
dynamic text field in the authoring environment, into which I place
no text, creating a second, functional text field in actionscript,
formatting it, using the "embed = true" property, and repeatedly
updating the .text property with the same bad results as described
above.
I haven't tried using the [embed] metatag to dynamically load
the font.
I've tested the swf in IE7 and Firefox on two machines with
the same results. What am I doing wrong?
Thanks,
Dave

Okay, here's more information. The font that I've been trying
to embed is Bitstream Vera Sans Mono. If I embed a different font,
like Bitstream Vera Sans, I have no problem. It seems to me that it
must be that my Bitstream Vera Sans Mono is corrupted, my .fla and
.swf files are corrupted, or there's a bug in flash...

Embedding fonts in dynamic text fields

I am having trouble embedding a font in my Flash file. I have the font in my library. I have the text field selected to that font with the * next to it.
In my actions I have:
vid_title_txt.embedFonts = true;
If I set it to false instead, it shows a different font. But if it is set to true, nothing shows. I am running out of ideas what to look at to solve this issue. What am I doing wrong here?
Thank you very much for any help with this!

I am in AS2.
I followed these steps.
Open the Library panel (Ctrl+L).
Add a font to your library - click the options menu in the upper right corner of the panel and select New Font from the menu.
In the Font Symbol Properties dialog box select the font, size and style that you want and give the font combination a name. Click OK to close the dialog box.
Right-click the font symbol in the library and select Linkage from the contextual menu.
In the Linkage Properties dialog box, click the Export for ActionScript button to enable both the Identifier and AS 2.0 Class text input fields. Leave the default Identifier value and click OK to close the dialog box.
Select the text tool from the Tools panel and draw a dynamic text field on the Stage.
Give the text field an instance name of "my_txt". In the Font menu select the symbol name you gave the embedded font earlier. You should see a little asterisk (*) beside the name.
In the Property inspector set the font size and style to match those in the Font Symbol Properties dialog box earlier.
Open the Actions Panel and add the following code to Frame 1 of your Flash document:
my_txt.embedFonts = true;
my_txt._rotation = 15;
my_txt._alpha = 10;

Refying PDF with subset embedded fonts fixes text extraction

Hi All,
I know it is not a good idea to (just) refry PDF files (PDF -> EPS -> PDF). Especially when the PDF contains subset embedded fonts. Chances are you will end up with a PDF file which does not contain valid (searchable) text.
I did not know the apposite could also be true. The following zip file contains 2 PDF files echo containing two words: the original and the refried version.
Refried.zip
When selecting text from the original PDF (using acrobat 6 through X) file it contains incorrect text, in this case invalid capitals. If I try the same in the refried version the extracted text is correct.
It seems strange to me that a process which only can result in loss of information "fixes" this text issue. Somewhere the correct text must be hidden in the original PDF file. Not only capitals seem to be effected but also random characters which seem to be fixed once refried.
Could anyone think of an explanation?
Is there a workaround without having to refry the PDF (refrying often results in loss of information). I have no influence on the PDF files I recieve, therefore I cannot embed the full fonts.
I am using de C++ SDK for Acrobat to write plugins.
Any pointers would be great!
Kind regards,
Robert

Thanks again for your reply,
Your explanation makes sense.
I went ahead and removed the tounicode cmap just to see what would happen
if (CosDictKnown (cosFont, ASAtomFromString ("ToUnicode")))
CosDictRemove (cosFont,ASAtomFromString ("ToUnicode"));
As you predicted this fixes some issues and introduces new ones.
The results differed from the refry method, in some cases the refried PDF did not contain extractable text, in other cases the PDF without "ToUnicode Cmap" had no extractable text.
Maybe I could combine the information of different text extraction methods to make an educated gues which one (or combination of) is best :S
I suppose looking at individual textruns (with all its complexity) would not help me either...
Kind regards,
Robert

External Embedded Fonts, Dynamic Text Fields, Latest?

Hi all,
I'm stuck in Flash8 land. Mostly because I use mProjector and
MDM Zinc to extend flash projectors and neither support AS3
correctly to date. That said..
Is a Flash8 SWF capable of using fonts embedded in "other"
SWFs? I realize this is an ongoing difficulty and a well known area
of confusion and well, I'm confused. All the attempts I've made so
far in linking have succeeded or failed in various ways, but never
fully work.
What I'd love to do is use dynamic text fields populated by
data from a database (or XML file), with CSS styling, using fonts
that are embedded in a 'master font SWF'. (and I'd like ice cream
with that too!)
I import fonts into, say, 'shared.fla'. I set them all up for
exporting via linkage (to shared.swf). I open up my other FLAs
(say, main.fla) and I drag the fonts from the shared.fla library
into main.fla's library. In looking at the linkage, I see it
properly set it to Import for Runtime Sharing (shared.swf). I can
see the font available in the main.fla font list and can select it
and use it just fine. I have to set the dynamic text field to embed
fonts to actually see them (and also
myTextField.setStyle("embedFonts",true)).
Now all that works well and fine, but the kicker is when I
want CSS to style my text. If I specify a embedded font linkage
identifyer in CSS, the text disappears. i.e. I load 'style.css' and
I have h1 { font-family: someEmbeddedFont; }, the <h1> text
will now disappear.
Any clues in how I can specify a font to use in CSS that's
embedded so it'll work, WITHOUT This font needed to be embedded in
the actual library (as in, not a linked asset)? Because it works
fine if I embed the font into every single SWF. But when I try to
use it as a shared asset, this doesn't work.
Any ideas on how someone can achieve this?
This is so I can changed my shared.swf and supply all new
fonts with the same linkage identifiers and change the font in a
whole project without re-exporting any other SWFs.
Thanks for any info!

I guess it's amazing but I honestly, wholly cannot get this
to work.
I made a new AS2 Flash 8 FLA (Forte.fla) with only the Forte
font with a size of 22 in the library. The name of the library
element was Forte. The linkage was set to "Export for Actionscript"
and "Export in first frame".
I made another FLA (main.fla) Flash8 AS2. In actionscript I
created an empty movie clip named "Asset_Forte" at the next highest
depth and Asset_Forte.loadMovie("Forte.swf"). I also made a dynamic
text field on the stage of this main.fla document and set it to
Arial 22pt (no bold or italics, etc). I did not embed anything into
it.
I made a TextTormat object (my_fmt) and set my_fmt.font =
"Forte";. I put some text in the dynamic text field to start so I
just applied the formatting (status_text.setTextFormat(my_fmt);).
This did not work. I started adjusting random things like
naming the font in the Forte.swf library to Forte22 and tried
my_fmt.font = "Forte22";. That didn't work.
I adjusted the linkage to "Export for runtime sharing" and
specified Forte.swf as the SWF to share from. This did not work.
I then dragged the font from the Forte.fla's library (while
"Export for runtime sharing" was enabled) into the library of
main.fla. I checked the link and it was proper, "Import for runtime
sharing, Forte.swf". I used both linkage attempts again (Forte and
Forte22) with my_fmt.font and neither worked.
Would it be possible at all to get a couple FLAs from you
that examplifies how you do this particular trick? I can't seem to
get the settings right. I would be indebted to you!

Embedded fonts with rich editable text

Hi, I am trying to use my embedded fonts in rich editable text field, but it only works for users that already have that font installed on their system.
This is what I do.
I embed fonts like this:
 @font-face {
 src:url("fonts/Cantarell-Regular.ttf");
 fontFamily: Cantarell;
 advancedAntiAliasing: true;
 @font-face {
 src:url("fonts/Cantarell-Bold.ttf");
 fontFamily: Cantarell;
 fontWeight: bold;
 advancedAntiAliasing: true;
Then in my DropDownList (id=fontPicker) I add a new string entry that references my new font (in this case "Cantarell")
I have a custom item renderer which makes sure to print out the name of the font using the font itself, so that for example font name "Cantarell" will be printed out using Cantarell font. Code in my custom font item renderer looks like this:
<s:Label id="labelDisplay"
 fontFamily="{data}"
 verticalCenter="0"
 left="3" right="3" top="6" bottom="4"/>
And this part works, even if you dont have the font installed on your system, the name of the font is displayed propperly.
The thing that I want to do is to select some text in my rich editable text field and change the font of the selected text depending on what user selected from the dropdownlist. I added an event which is called once user selects new font type, and it performs following code on the selection in rich editable text:
 if(fontPicker.selectedIndex == -1){
 //user did not select anything, we do not change the font
 text.setFocus();
 return;
 //we get the text layout format of the selected text
 var txtLayFmt:TextLayoutFormat = text.getFormatOfRange(null,text.selectionAnchorPosition,text.selectionActivePosition);
 //we change fontFamily of the selected text to the font that we just picked
 txtLayFmt.fontFamily = fontPicker.selectedItem;
 // I even tryed to add those two following lines without much help
 //txtLayFmt.fontLookup = FontLookup.EMBEDDED_CFF;
 //txtLayFmt.renderingMode = RenderingMode.CFF;
 // we update our selected text with new font
 text.setFormatOfRange(txtLayFmt,text.selectionAnchorPosition,text.selectionActivePosition );
 text.setFocus();
This code works perfect if user has the font installed on their system but it does not work if they dont have the font even if I embed the font.
What I am doing wrong, any suggestions, tips, links?
Thanks,
Dal

Thanks I will take a look at your blogs, maybe I find some explanations.
Once it comes to my problem, I found a solution, I just needed to add a simple style:
 .mystyle1 {
 fontFamily:Cantarell;
and set the styleName of my text to it:
text.styleName = "mystyle1";
Afterwards I can dynamically change fonts and sizes of the text selections in my rich editable text field as much as I like.
Also I need to make sure that I set embed-as-cff: true;
 @font-face {
 src:url("fonts/Cantarell-Bold.ttf");
 fontFamily: Cantarell;
 fontWeight: bold;
 advancedAntiAliasing: true;
 embed-as-cff: true;
I hope this helps someone.
And if anyone has explanation to why embedded fonts work only after I change styleName of a text to a random style, please share with me.
Cheers,
Dal.

Embeded Fonts and Externally Loaded Text?

Just curious, I am designing a site with two embeded fonts. I am also using many externally loaded textboxes styled by a CSS. When I use the inline HTML in the .txt file, can I specify the embeded fonts for the text boxes or will they just use default browser fonts?
Thanks in advance,
Jeff

I think what I need to do is place an instance of a text box on each page, so when you navigate away from the page the existing text box will leave. This works, but I can't get the CSS to do the formatting. Here is the code I have, any suggestions?
var fileTxt:String;
var myTextLoader:URLLoader = new URLLoader();
var cssLoader:URLLoader = new URLLoader();
myTextLoader.addEventListener(Event.COMPLETE, onLoaded);
myTextLoader.load(new URLRequest("text/tgc.txt"));
function onLoaded(e:Event):void{
    fileTxt=myTextLoader.data;
    callCss();
function callCss():void{
    var cssRequest:URLRequest=new URLRequest("styles.css");
    cssLoader.addEventListener(Event.COMPLETE, onCss);
    cssLoader.load(cssRequest);
function onCss(e:Event):void{
    var css:StyleSheet = new StyleSheet();
    css.parseCSS(cssLoader.data);
    tgc_txt.styleSheet=css;
    tgc_txt.wordWrap=true;
    tgc_txt.htmlText=fileTxt;
Like I said, it loads the text fine and eliminates the embeded HTML tags in the .txt file. It does not change color, size or weight as I have in the CSS.

Unable to apply embedded font swf to text in text layout framework

Hello,
We have created a swf for a given font (for e.g., Calibri.swf) which contains all the styles (Regular, Italic, Bold, BoldItalic).
We have created a xml which lists the name of the font and the corresponding swf file path. The names from the xml are loaded into a combo box in the application.
When we try to apply the selected font to a text in the text layout framework, it does not apply the same. It sets the font to default "Times" font.
Following is a snippet of code to apply the font to the text:
private function selectFont(fontXML:XML):void {
                var path:String = fontXML.@source;
                var myEvent:IEventDispatcher = styleManager.loadStyleDeclarations(FlexGlobals.topLevelApplication.url.substring(0,FlexGl obals.topLevelApplication.url.lastIndexOf("/"))+"/"+path);
                myEvent.addEventListener(StyleEvent.COMPLETE, function(event:StyleEvent):void{
                    var editManager:EditManager = textFlow.interactionManager as EditManager;
                    var itextLayout:TextLayoutFormat = new TextLayoutFormat();
                    itextLayout.fontSize = 20;
                    var fontName:String = fontXML.@name;
                    Alert.show(fontName);
                    itextLayout.fontFamily = fontName;
                    Alert.show( "itext = " + itextLayout.fontFamily);
                    editManager.applyFormat(itextLayout,itextLayout,itextLayout);
                    var flowLeafElement:FlowElement = textFlow.findLeaf(editManager.anchorPosition) as FlowElement;
                    editManager.changeStyleName(fontName,flowLeafElement);
Can anyone please let us know what is missing in the implementation?
Thanks in advance.
Vikram

My recommendation: unless you really care about ISWFContext implementations and the application domain issues, ignore Alex's post about embedded fonts.
It is a nice discussion about the inner workings of the domain and security of how this works but it is imho broken and is an insane concept to require an ISWFContext to just use an embedded font. It also breaks runtime CSS loading that has fonts embedded in it because the Flex compiler (last I checked) was also busted – it doesn't include the function necessary to create within context the font embed so that it may be applied. You can't create an ISWFContext with a compiled CSS file.
These issues were introduced in the last Flex SDK beta before FB4 was released in final form. There are multiple bugs logged against the issue of applying loaded font files to TLF text (in short, SWFContext is broken and you have to override GlobalSettings.resolveFontLookupFunction to return embedded or null, all the time).
Here's some more details to get you started - with links to at least one of the SDK bugs that were filed:
http://forums.adobe.com/message/2656152
For example:
import flashx.textLayout.elements.GlobalSettings;
import flash.text.engine.FontLookup;
GlobalSettings.resolveFontLookupFunction = function makeValid():String { return FontLookup.EMBEDDED_CFF };
And you may need to do this after your font is loaded:
yourTextBlock.textFlow.invalidateAllFormats();
Disclaimer: I haven't seen the latest Flex SDK release to see if this was fixed. I have an AIR application with native process that builds embedded font SWF files for use and stub code for FB4 usage but haven't updated to the latest SDK yet to see if it's working properly.
Anyhow, your best bet is to look at the Flash Builder forums. I think this is/was a Flex team issue, not TLF.

Using HTML text with an embedded font in Flex 4

I have spent a day searching the interwebs and have not found a working example of how to use an embedded font with html formatting.
Anybody know if it can even be done??

Should be doable, but all fonts used in the html have to be embedded, and
one of the fonts should be specified as the fontFamily for the component.

Fuzzy Around Text / Embeded Fonts

Similar Messages

Maybe you are looking for