Should I use text or text as image?

I'm creating a picture book for kids, using iBooks Author.
I need to decide whether to use my preferred font, which isn't supported by iOS -- in which case I'll need to make the text part of an image.
Or whether to use a font supported by iOS.
Since it's a picture book, most of each page will be one single image. If I use text not image as text, I should be able to make part of each page not image -- maybe that will reduce the file size, so the book is better for users…?
But if it doesn't make it better for users using text, then I'll use text-as-image, so I can use my preferred font.
Are there disadvantages in making each page one single image over the full screen, and using text as image, rather than actual text?
(I will have a voiceover for the book recorded by a voiceover artist, so I won't need the iBooks voiceover.)
Here's a sample illustration showing typical amount of text on a page: https://img.skitch.com/20120225-gim7e9cje5pnf1jh969xu4791a.jpg
Thanks.

If you use image-as-text you should try to make some efforts to ensure that users with disabilities have some form of access to your content and test the experience yourself.
Be sure to set an Accessibility Description for each image with the missing text for user with screen readers. Also be sure to provide the same for any trigger you're using to provide the actor's voiceover if it can be interacted with.
You can test with VoiceOver on your iPad and should really try your book with VoiceOver Screen Curtain enabled.
http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/ iPhoneAccessibility/Testing_Accessibility/Testing_Accessibility.html
http://support.apple.com/kb/HT3577

Similar Messages

What "Partitions" type should I use when I create an image in Disk Utility?

I have a Sony HDR-SR1 camcorder and have been creating images in Disk Utility to dump copies of my camcorders hard drive to. That way I can mount the disk image and import into iMovie just as if the camera was plugged in. These are the options I've been using:
Volume Size: varies
Volume Format: Mac OS Extended (Journaled)
Encryption: none
Partitions: Single partition - Apple Partition Map (the default I believe)
Image Format: read/write disk image
The option I'm not sure of and can't find much information on is Partitions. Up until now all the ones I've created use what I listed above. What is the difference between all the options (hard disk, cd/dvd, no partition, single partition - *multiple options*) and what should I be using to ensure long term compatibility with these disk images. Thanks.

You don't need the journaling feature. Everything else appears proper. As for the various formats, check DU's help files.

How to upload a file which may contain text as well as image to the server using windows phone 8 application ?

How to upload a file which may contain text as well as image to the server using windows phone 8 application ?

You're going to need to give way more detail about the situation before we can help.

Adobe reader should get a "listen to text" feature so that visually impaired or blind people can use Adobe Reader

Adobe reader should get a "listen to text" feature so that visually impaired or blind people can use Adobe Reader

hi,how can i change the default settings on my adobe readerX1 such that it will display all my pdf files according to their individual cover pages (as cover picture thumbnails)before i click them to open and read........i really enjoyed this feature as a default settings upon installation in previous editions of adobe reader .i use a windows 8 pc now.thanks

Which situation should we use the text item with the item category TATX

Dear experts!
Thank you for your attention!
I am confused with text item (TATX).
which situation should we use the text item with the item category TATX????
Someone told me that the text item is dummy and should be used as a manual of certain standard item. But the manual may be a book or several papers and it also takes up some inventory not a dummy.
So, could some body tell me what the text item (TATX) exact is and what function it has.
Best regard!
Tangdark

Hi,
you can use TATX if you like to enter a text and to print some information between the item lines.
Regards
William

Using text to swap an image (disjointed rollover)

Hi,
I have some text on my page which is also a link.
It has a background colour, which changes when my mouse hovers over it.
I also want one image on the page to swap with another image when my mouse hovers over the text.
Please can someone direct me to a website which discusses how to create a disjointed rollover using TEXT rather than an image.
Thank you in advance

Stuart Smitheringale wrote: You can see the effect that I have created at this site http://www.drivertrainingcompany.com
Ideally, I would like to use CSS to create the same effect, without relying on swapping images.
As there are often many ways to produce the same effect or behavior, each with its own advantages and disadvantages, having been able to produce the effect or behavior is often more important.
Except for one matter in your page's behavior that you will probably want to change your page appears fine in the most recent versions of Safari, Firefox, and Opera. The bigger problem at this point is that you need to clean up your HTML -- something to which Murray has already alluded.
LESS THAN PERFECT BEHAVIOR
When your mouse leaves one menu item to enter into the next, the words below your menu item change as you would probably like, but the previously highlighted menu item remains highlighted. There is not a clean transition between menu items. This problem can probably be fixed with an onmouseout event.
CLEAN UP TIME
Please refer to the validation link that I have provided below. It will show you that there are structural problems in your page that can affect both the operation and appearance of your page as it is viewed in different browsers and in different versions of the same browser over time. I have only checked three of the more popular browsers for you.
SUGGESTION
Clean up your structural problems first and see if the imperfect behavior described above does not disappear. If it does not, then return with a new question, and someone will provide a fix, if you are yourself unable.
VALIDATION LINK: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.drivertrainingcompany.com%2F
Roddy

How to I add text on top of image? I am using pages version 5.2.2

I am working on an apple desk top OSX version 10.9.4. Since the new pages version 5.2.2 came out, I have been unable to add text on top of an image. Can anyone help me? Thanks ahead of time.

Pages v5 is not as flexible as Pages ’09 v4.3. If you want text over a free-standing image in your document, then you will need to place it in a Text Box, Shape, or other custom container created with the Unite, Intersect, Subtract, or Exclude items in the Arrange panel. Simply selecting the image and then, in the Arrange tab, stating move with text; setting wrap to none, and clicking back/ward — does not help.
You will need one of the containers from the second sentence positioned on top of your image. Once your text is input and styled, select the Text Box and the image, then from the Arrange tab, select group to maintain your text/image spatial relationship. If you need the image and its text container to adapt to other text in your document, you can enable the wrap functionality that best suits your document goals.
This can get interesting, because you can independently define the selected Text Box content as a text placeholder, and the image as a media placeholder. Save it as a template. When you open a new document with this template, you can drag and drop a new image onto the old one, and it is automatically scaled and replaced without effecting the Text Box content. You can then double-click the Text Box content and change it.

Why can I not highligt text? (text is a scan from a book) I use: PC, Win 8, Reader XI

Hi there :-)
I read a lot of scanned text from my teacher as a part of my study. According to manuals, I should be able to highlight text - but It's not working.
Is it because the text is a scan? does it only work with text document files that are converted to pdf's?
Other people in my class experience the same problem. The twist is: it does work my co-student's Mac. (same shared file, file origin)
I use Win 8, Reader XI
Please advise :-)

Is it because the text is a scan?
Yes. To highlight text it must be "real" text, ie text that can be selected, not just an image.
To convert an image to real text you need Acrobat, or a subscription to PDF Pack.
You can use the Square tool, or other drawing markup tools, to create a kind of highlight over the desired text, though.

Can someone help me with drawing text and a custom image in cocoa?

I am trying to learn how to draw, and when I look at the tutorial, instead of getting straight to the point on how to draw text at a coordinate, it talks about the concepts of how to draw. I get that, but exactly what methods and what objects should I use?
For instance, the java code:
+public void drawComponent(Graphics g){+
+Graphics2D g2 = (Graphics2D) g;+
+g2.drawString("Hello, World!", 10, 20);+
draws the good old "Hello, World!" on a line starting 20 pixels down and 10 pixels across. How would I do the same in objective-c in a customized view? Based on the tutorial, I need specify the code in the
+- (void)drawRect: (NSRect) rect+
method.
Also, how would I draw a picture(.gif and .png format)?

Here's a very basic example:
- (void)drawRect:(NSRect)rect {
// draw text
NSString *myString = @"Hello World";
NSFont *font = [NSFont boldSystemFontOfSize:24];
NSColor *color = [NSColor blueColor];
NSDictionary *attrs = [NSDictionary dictionaryWithObjectsAndKeys:
font, NSFontAttributeName,
color, NSForegroundColorAttributeName,
nil];
[myString drawAtPoint:NSMakePoint(20, 0) withAttributes:attrs];
// draw image
NSImage *myImage = [NSImage imageNamed:@"picture1.png"];
[myImage drawAtPoint:NSMakePoint(20, 40)
fromRect:NSZeroRect operation:NSCompositeCopy fraction:1.0];
Since the above uses the imageNamed convenience method of NSImage, the arg must be the name of an image file you've previously added to the main bundle (Project->Add to Project). The code for a gif would be exactly the same.
For more details see [Drawing Images into a View|https://developer.apple.com/mac/library/documentation/Cocoa/Conceptual/Coc oaDrawingGuide/Images/Images.html#//apple_ref/doc/uid/TP40003290-CH208-BCIIBDAD] and [Simple Text Drawing|https://developer.apple.com/mac/library/documentation/Cocoa/Conceptual/ CocoaDrawingGuide/Text/Text.html#//apple_ref/doc/uid/TP40003290-CH209-SW1] in the +Cocoa Drawing Guide+. Btw, the above is for OS X, since you asked about Cocoa. iPhone code is now called Cocoa Touch, so I hope I guessed the platform right. In case you really wanted iPhone, the code would be quite similar, but you'll need to substitute CGPointMake for NSMakePoint, UIColor for NSColor, UIImage for NSImage, and use a method like [drawAtPoint:forWidth:withFont:minFontSize:actualFontSize:lineBreakMode:baselin eAdjustment:|http://developer.apple.com/iphone/library/documentation/UIKit/Refer ence/NSStringUIKit_Additions/Reference/Reference.html#//appleref/doc/uid/TP40006893-CH3-SW14] for your text. You'll also only need one arg for the [drawAtPoint|http://developer.apple.com/iphone/library/documentation/UIKit/Refe rence/UIImageClass/Reference/Reference.html#//appleref/doc/uid/TP40006890-CH3-SW24] method of UIImage.
Hope that helps get you started!
- Ray

How to use same dynamic text, multiple times in a Movie

FLASH CS5.5
How can a dynamic text field be used multiple times, on any
frame, in any new layer during a Movie?
~~
A number of unique dynamic text fields are being used.
The intent is to use them each, many times during a Movie.
(i.e. a users first name)
They are successfully being "ExternalInterfaced" from a PDF form field.
(the SWF is displayed within the PDF as a RMA)
This all works well, IF I only use one instance of the dynamic text field.
(one use of each unique text field)
If I try and use that same dynamic text field, again, in a new layer, later in the SWF,
all of that said, duplicate dynamic text fields do not display.
~~
Stumped!!!
Thanks in advance for your advice / comments!
D-

Thanks Ned,
I always welcome learning something new.
I did not know creating a new keyframe,
creates a new instance.
Yes, I had used the same dynamic text field instance name in
numerous, new layers (great observation).
With the objective to display the User's name throughout
the timeline (on and off)...
I'll attempt to paraphrase your solution;
Use a single layer to display the dynamic text field.
Extend this layer's timeline throughout the movie, or end use of the dynamic text field.
Help with this one ??
Set the visible properties to true or false as need through out the timeline.
( Does require an AS3 ? )
I'll give that a try.....
~~
Side of effect of using the above solution;
The SWF in it's attempted state, uses the dynamic text field instance, in
different places, different text sizes, on the stage, throughout the Movie.
(i.e. the User's first name appears in different sentences...)
Per the solution above,
I believe I will be limited to One location, one format setting.
Is this assumption correct?
I can make this work from a display / Movie point of view.
However, your first VAR concept, noted above, might be
worth exploring should more flexibility be required.
Thanks for making the time to coach...
D-

Is there a way to turn a text character into an image?

Is it possible to turn a text character into an image/shape...using Pages or any other iLife or iWorks app?
Reason being - I want to use a certain font and a character in it, but that particular font is not being recognized/shown properly by another computer. I want to make sure the text character shows up as I intend, and I figure the way to do that is by turning the text character into an image/shape (like a jpeg maybe? or a tiff or gif? I don't know too much about the difference between these last two). Then I can paste that image onto any background and have it still look like text laying on top of the background.
Hope that makes sense, and many thanks in advance for any insights!

Although it saves the text character as an image, it also saves the background (the white of the page) as part of that image. So when the character is pasted into a document whose background is anything other than white, it doesn't look like a simple text character anymore. It looks like a white box with a text character in it. You know what I mean?
I'm thinking I might need to use whole 'nother graphics program to do this whole deal...what do you think?
Rather than using Preview, create the new image from the clipboard in GraphicConverter & use the transparency wand to make the background transparent. Then use ⌘ E to select just the image & save, choosing to save just the selection.

[svn] 4634: First part of glue code for allowing Halo components to use the new Text Layout Framework , in order to get functionality such as bidirectional text.

Revision: 4634
Author:   [email protected]
Date:     2009-01-22 17:38:56 -0800 (Thu, 22 Jan 2009)
Log Message:
First part of glue code for allowing Halo components to use the new Text Layout Framework, in order to get functionality such as bidirectional text.
Background:
TLF is making this possible by implementing a TLFTextField class. It is a Sprite that uses TLF to implement the same properties and methods as the legacy TextField class in the Player. Thanks to the createInFontContext() bottleneck method in UIComponent, it can be used by a properly-written Halo component (such as those in Flex 3) without any modifications to the component.
Note: Text should render similarly -- but is unlikely to render identically -- when a component uses TLFTextField vs. TextField. The width and height may be different, affecting layout; text could wrap differently; etc. This is a fact-of-life based on the fact that TLF/FTE and TextField are completely different text engines.
Whether a Halo component uses TLF or not to render text will be determined in Flex 4 by a new style, textFieldClass. (Gumbo components always use TLF.)
TLFTextField is currently only partially implemented. It does not yet support scrolling, selection, editing, multiple formats, or htmlText. Therefore it can only be used for simple display text, such as a Button label.
Details:
The TextStyles.as bucket 'o text styles now includes a non-inheriting textFieldClass style. It can be set to either mx.core.UITextField or mx.core.UITLFTextField. These are the Flex framework's wrapper classes around the lower-level classes flash.text.TextField (in the Player) and its TLF-based workalike, flashx.textLayout.controls.TLFTextField.
The global selector in defaults.css currently sets it to mx.core.UITextField using a ClassReference directive. For the time being, all Halo components will continue to use the "real" TextField.
The new UITLFTextField is a copy of UITextField, except that it extends TLFTextField instead of TextField. This class has been added to FrameworkClasses.as because no classes in framework.swc have a dependency on it. It will get soft-linked into applcations via the textFieldClass style.
The TLFTextField class currently lives in a fourth TLF SWC, textLayout_textField.swc. This SWC has been added to various build scripts. The external-library-path for building framework.swc now includes all four TLF SWCs, because UITLFTextField can't be compiled and linked without them. However, since they are external they aren't linked into framework.swc.
Properly-written Halo UIComponents access their text fields only through the IUITextField interface, and they create text fields like this:
textField = IUITextField(createInFontContext(UITextField));
(The reason for using createInFontContext() is to support embedded fonts that are embedded in a different SWF.)
The createInFontContext() method of UIComponent has been modified to use the textFieldClass style to determine whether to create a UITextField or a UITLFTextField.
With these changes, you can now write code like
to get two Buttons, the first of which uses UITextField (because this is the value of textFieldClass in the global selector) and the second of which uses UITLFTextField. They look very similar, which is good!
Currently, both Buttons are being measured by using an offscreen TextField. A subsequent checkin will make components rendering using UITLFTextField measure themselves using an offscreen TLFTextField so that measurement and rendering are consistent.
QE Notes: None
Doc Notes: None
Bugs: None
Reviewer: Deepa
Modified Paths:
    flex/sdk/trunk/asdoc/build.xml
    flex/sdk/trunk/build.xml
    flex/sdk/trunk/frameworks/projects/framework/build.xml
    flex/sdk/trunk/frameworks/projects/framework/defaults.css
    flex/sdk/trunk/frameworks/projects/framework/src/FrameworkClasses.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UIComponent.as
    flex/sdk/trunk/frameworks/projects/framework/src/mx/styles/metadata/TextStyles.as
Added Paths:
    flex/sdk/trunk/frameworks/projects/framework/src/mx/core/UITLFTextField.as

Many of your points are totally legitimate.
This one, however, is not:
…To put it another way, the design of the site seems to be geared much more towards its regular users than those the site is supposedly trying to "help"…
The design and management of the forums for more than five years have driven literally dozens of the most valuable contributors and "regulars" away from the forums—permanently.
The only conclusion a prudent, reasonable person can draw from this state of affairs is that Adobe consciously and deliberately want to kill these forums by attrition—without a the PR hit they would otherwise take if they suddenly just shut them down.

How to get text when mousing over image?

Hey there, I am extremely new to Flash, but know other Adobe programs so tend to learn quickly.
I desperately need to find out how to get text to pop up when i mouse over PART of the image and i havent been able to find any help online in the last two days (pulling my hair out in stress).
Now i uploaded a rough mock up i did on Photoshop, so you can see when i mouseover the top layer of the cake i need a line to stretch out and the text to pop up at the end of it. Similarly if i moused over the cherry another piece of text needs to come up in the same manor.
Also since i need it to be a website link so what format do i open it with when i go to FILE- NEW?
Honestly thank you so much in advance to anyone that helps

First you have to choose if you want to handle devices. If not and you want to stay in Flash I'll stick on topic.
In the HTML version you could either use a good old fashioned image map (they're still fine in the HTML5 era) or you could use a layering technique (here's a random layering example).
In Flash you can do it a few different ways. If you intend on keeping the image intact as a single object then you'll be essentially doing the same as an image map. You can draw invisible hitareas on the various parts of the object and have those areas trigger a specific function that will display your text. If you break up the image into the separate parts then you can directly assign those parts to fire off a function themselves.
First I'd like to know your desired direction.

Swap text as well as image with behaviours

Hi a..,
I am trying to create an interactive section of my site where a visitor can click on a small thumbnail and get a larger image to appear in a larger div (I can get this to work fine with the behaviour "swap image" so there are no problems there), but on the same onClick event I want some text to appear in another div relating to the image. I can get this to work once (using the behaviour "set text > set text to contianer" ), but when I clicks on another tumbnail to view the next image/text, the new text is added ontop of the old text and psuhes it down. What I really want is the old text to ve completely removed and the new text appear. I know this will work easily as an onMouseover/onMouseout effect, but I really want it to work as an onClick event.
I am really bad with javascript. I have tried this line of code in the start of the onClick event, it cleared the text fine, but wouln't allow any more text to be put in the div;
document.getElementByID('textcontainer').innerHTML=' ';
As I said, I am really bad with javascript. I pretty much can't write code myself, although to a certain degree, I can change code that is already written to suit my needs.
Can someone offer me any help with being able to make this work?
Thanks heaps,
Peter

Hi,
Here is the link to a version of the page;
http://pyrowebdesign.com.au/html/test-site/image-gallery.html
As I said, I am really queit bad with javascript. I have put in a few examples of what i have tried to get it to work.
The basics of it are;
1. I want the thumbnails on the left to swap the<div class="largethumbnialimage"> section which is working fine.
2. On the same click event, I want text to appear in the <div id="comments"> section on the right, and if therre is already text in there from somone clicking on one of the small thumbnails to see the comments, I want that text to disappear/swap/be replaced by the text of the clicked that thumbnail.
The things I have tried make the text appear for the new thumbnail, but the onld text wont disappear and the text stacks up. I know it would be much easier to use an onMouseover/onMouseout event, but I want to put some links in the text so I need the text to say up and have people free to move th emouse over to it.
Thanks for taking th etime to help.
Peter

How to use an dynamic text from Flash in FlashBuilder with swf ?

Hello,
i'm trying to develop a game in flex builder and i got a problem with the dymanic text i've imported from flash. I want to insert a scoreboard in my application and for doing that i should use dynamic text in flash. I create a dynamic text in flash and then a import it to Flash Builder in a movie clip, and i called the dynamic text "Score". Now i've tried to use the "Score" variable to change the value of the dynamic text box un my flash builder application, but it doesn't change anything.
I read somewhere that i've got to use the score.text value to change the number of my score but that doesn't works because Flash Builder tells me that this sort of variable don't contain the .text value.
Thank you for trying to help me.
bye.

Thanks Ned,
I always welcome learning something new.
I did not know creating a new keyframe,
creates a new instance.
Yes, I had used the same dynamic text field instance name in
numerous, new layers (great observation).
With the objective to display the User's name throughout
the timeline (on and off)...
I'll attempt to paraphrase your solution;
Use a single layer to display the dynamic text field.
Extend this layer's timeline throughout the movie, or end use of the dynamic text field.
Help with this one ??
Set the visible properties to true or false as need through out the timeline.
( Does require an AS3 ? )
I'll give that a try.....
~~
Side of effect of using the above solution;
The SWF in it's attempted state, uses the dynamic text field instance, in
different places, different text sizes, on the stage, throughout the Movie.
(i.e. the User's first name appears in different sentences...)
Per the solution above,
I believe I will be limited to One location, one format setting.
Is this assumption correct?
I can make this work from a display / Movie point of view.
However, your first VAR concept, noted above, might be
worth exploring should more flexibility be required.
Thanks for making the time to coach...
D-

Should I use text or text as image?

Similar Messages

Maybe you are looking for