arTicle
274
TEXT
274
TEXT
result
The 
font-size
property enables 
you to specify a size for the 
font. There are several ways to 
specify the size of a font. The 
most common are:
pixelS
Pixels are commonly used 
because they allow web 
designers very precise control 
over how much space their text 
takes up. The number of pixels is 
followed by the letters 
px
.
percenTageS
The default size of text in 
browsers is 16px. So a size of 
75% would be the equivalent of 
12px, and 200% would be 32px.
If you create a rule to make all 
text inside the 
<body>
element 
to be 75% of the default size (to 
make it 12px), and then specify 
another rule that indicates the 
content of an element inside the 
<body>
element should be 75% 
size, it will be 9px (75% of the 
12px font size).
emS
An em is equivalent to the width 
of a letter m.
We will look at these 
measurements in greater detail 
on the next page.
Size of Type
font-size
body {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;}
h1 {
font-size: 200%;}
h2 {
font-size: 1.3em;}
chapter-12/font-size.html
css
Pdf form save in reader - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
how to save pdf form data in reader; extract data from pdf into excel
Pdf form save in reader - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
extracting data from pdf forms to excel; extract pdf form data to excel
275 TEXT
You may have noticed that programs such as 
Word, Photoshop and InDesign offer the same 
sizes of text.
Type ScaleS
8
pt
9
pt
10
pt
11
pt
12
pt
14
pt
18
pt
24
pt
36
pt
48
pt
60
pt
72
pt
This is because they are set 
according to a scale or ratio that 
was developed by European 
typographers in the sixteenth 
century.
It is considered that this scale 
for type is pleasing to the eye 
and it has therefore changed 
little in the last 400 years.
For this reason, when you are 
designing pages, using sizes 
from this scale will help them 
look more attractive.
On the next page, you can see 
how to achieve this scale using 
pixels, percentages, and ems.
Print designers often refer to the 
size of text in terms of points 
rather than pixels (hence the 
use of pt in the scale on the 
right). A pixel roughly equates 
to a point because a point 
corresponds to 1/72 of an inch, 
and most computer displays 
have a resolution of 72 dots per 
inch.
The default size of text in a 
browser is 16 pixels. So if you 
use percentages or ems, you 
calculate the size of text you 
want based on the default size 
of the text used in browsers. 
For example, you could scale 
down to 12 pixels for body copy 
and scale up to 24 pixels for 
headings.
Recently, some web designers 
have started to leave the body 
text at the default size of 16 
pixels and adjust the other font 
sizes using a scale that keeps 
the relative proportions of this 
one.
When you first see body text at 
16 pixels, it might seem quite 
large. Once you get used to 
the larger type, however, most 
people find it far easier to read; 
and going back to a page where 
main type is 12 pixels will often 
then look quite small. 
C# PDF: PDF Document Viewer & Reader SDK for Windows Forms
SaveFile(String filePath): Save PDF document file to a specified path form (Here, we take a blank form as an open a file dialog and load your PDF document in
pdf form data extraction; how to save a filled out pdf form in reader
VB.NET Image: How to Save Image & Print Image Using VB.NET
printing multi-page document files, like PDF and Word is used to illustrate how to save a sample RE__Test Public Partial Class Form1 Inherits Form Public Sub New
pdf form save in reader; extract table data from pdf to excel
276
TEXT
uniTS of Type Size
Setting font size in pixels is the 
best way to ensure that the type 
appears at the size you intended 
(because percentages and ems 
are more likely to vary if a user 
has changed the default size of 
text in their browser).
Pixels are relative to the 
resolution of the screen, so the 
same type size will look larger 
when a screen has a resolution 
of 800x600 than it would when 
it is 1280x800.
You can also use 
pt
for point 
sizes instead of 
px
for pixels, but 
you should only do this when 
creating style sheets for printer-
friendly versions of pages.
The default size of text in a 
web browser is 16 pixels. Using 
percentages of this amount, you 
can create a scale where the 
default text size is 12 pixels, and 
headings are sized in relation 
to this.
It is possible for users to change 
the default size of text in their 
web browsers. If they have 
done this, the fonts will be 
displayed at the same scale that 
the designer intended, but at a 
larger size.
Ems allow you to change the size 
of text relative to the size of the 
text in the parent element. Since 
the default size of text in web 
browsers is 16 pixels, you can 
use similar rules to those shown 
for percentages.
Because users can change 
the default size of text in their 
browser, the fonts could all 
appear larger (or smaller) than 
the designer intended. 
The extra 
p
rule above is to help 
Internet Explorer 6 and 7 display 
the fonts at the right size. 
Without this extra rule, IE6 and 
IE7 exaggerate the relative sizes 
of other text.
pixelS
percentageS
emS
h1
h2
h3
body
24px
18px
14px
12px
200%
150%
117%
75%
h1
h2
h3
body
1.5em
1.3em
1.17em
100%
0.75em
h1
h2
h3
body
p
=
=
2em
1.5em
1.125em
100%
1em
h1
h2
h3
body
p
h1
h2
h3
body
32px
24px
18px
16px
200%
150%
133%
100%
h1
h2
h3
body
=
=
Sixteen pixel Scale
tWelve pixel Scale
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. Append one PDF file to the end of another and save to a single PDF file.
using pdf forms to collect data; edit pdf form in reader
VB.NET PDF Page Delete Library: remove PDF pages in vb.net, ASP.
this RasterEdge XDoc.PDF SDK, you can simply delete a single page from a PDF document using VB.NET or remove any page from a PDF document and save to local
extract data from pdf form; how to make a pdf form fillable in reader
277 TEXT
@font-face
allows you to use 
a font, even if it is not installed 
on the computer of the person 
browsing, by allowing you to 
specify a path to a copy of the 
font, which will be downloaded if 
it is not on the user's machine.
Because this technique allows 
a version of the font to be 
downloaded to the user's 
computer, it is important that the 
license for the font permits it to 
be used in this way.
You add the font to your style 
sheet using the 
@font-face
rule, as shown on the right. 
font-family
This specifies the name of the 
font. This name can then be used 
as a value of the 
font-family
property in the rest of the style 
sheet (as shown in the rule for 
the 
<h1>
and 
<h2>
elements).
src
This specifies the path to the 
font. In order for this technique 
to work in all browsers, you will 
probably need to specify paths 
to a few different versions of the 
font, as shown on the next page.
format
This specifies the format that the 
font is supplied in. (It's discussed 
in detail on the next page.)
result
@font-face {
font-family: 'ChunkFiveRegular';
src: url('fonts/chunkfive.eot');}
h1, h2 {
font-family: ChunkFiveRegular, Georgia, serif;}
chapter-12/font-face.html
css
more fonT choice
@font-face
Many typeface makers do not 
allow you to use their fonts in 
this way, but there are open 
source fonts you can use freely. 
You can find lists of them at:
www.fontsquirrel.com
www.fontex.org
www.openfontlibrary.org
When looking at fonts on these 
sites, it is still important to check 
the font's license agreement 
because some fonts are only free 
for personal use (that is, not for 
use on commercial websites).
There are some sites that give 
you access to use commercial 
fonts, because they negotiated 
permission to let their customers 
use these fonts for a fee:
www.typekit.com
www.kernest.com
www.fontspring.com
Google also provides open 
source fonts. Rather than adding 
the 
@font-face
rule to your own 
style sheet, you link to a CSS file 
and font files on their servers: 
www.google.com/webfonts
C# PDF Page Extract Library: copy, paste, cut PDF pages in C#.net
to extract single or multiple pages from adobe PDF file and save into a The portable document format, known as PDF document, is a widely-used form of file
export pdf form data to excel spreadsheet; extract data from pdf file
C# Image: Save or Print Document and Image in Web Viewer
or image, you can easily save the changes to DLL Library, including documents TIFF, PDF, Excel, Word string fileName = Request.Form["saveFileName"]; string fid
extract data from pdf form fields; extract data from pdf to excel
arTicle
278
TEXT
278
TEXT
@font-face {
font-family: 'ChunkFiveRegular';
src: url('fonts/chunkfive.eot');
src: url('fonts/chunkfive.eot?#iefix') 
format('embedded-opentype'),
url('fonts/chunkfive.woff') format('woff'),
url('fonts/chunkfive.ttf') 
format('truetype'),
url('fonts/chunkfive.svg#ChunkFiveRegular') 
format('svg');}
chapter-12/understanding-font-formats.html
css
Different browsers support 
different formats for fonts 
(in the same way that they 
support different audio and 
video formats), so you will need 
to supply the font in several 
variations to reach all browsers. 
If you do not have all of these 
formats for your font, you can 
upload the font to a website 
called FontSquirrel where they 
will convert it for you: 
www.fontsquirrel.com/
fontface/generator
Font Squirrel also provides you 
with the CSS code for the 
@font-face
rule. This is very 
helpful because, when you 
are dealing with multiple font 
formats, the 
src
and 
format
properties of the 
@font-face
rule can get rather complicated.
You can see an example of a 
more complicated 
@font-face 
rule on the left.
The various font formats should 
appear in your code in this order:
1:
eot
2:
woff
3:
ttf/otf
4:
svg
underSTanding
fonT formaTS
broWSer
formaT
eot
woff
ttf / otf
svg
Chrome (all)
Chrome 6+
Firefox 3.5
Firefox 3.6+
IE 5 - 8
IE 9+
Opera 10+
Safari 3.1+
iOS <4.2
iOS 4.2+
Because the browser needs to 
download the font file in order 
to show it, users might see 
something known as a Flash of 
Unstyled Content (FOUC) or 
Flash of Unstyled Text (FOUT). 
Two things you can do to try to 
minimize this behavior are to 
delete any unneccesary glyphs 
from the font and/or host the 
font on a Content Delivery 
Network (a special type of web 
hosting that offers faster delivery 
of files).
C# PDF Convert to Tiff SDK: Convert PDF to tiff images in C#.net
Description: Convert to DOCX/TIFF with specified zoom value and save it into stream. Parameters: zoomValue, The magnification of the original PDF page size.
filling out pdf forms with reader; extract pdf data into excel
C# Create PDF from Tiff Library to convert tif images to PDF in C#
Description: Convert to PDF and save it on the disk. Parameters: Name, Description, Valid Value. Description: Convert to PDF and save it into stream. Parameters:
online form pdf output; how to make pdf editable form reader
279 TEXT
result
.credits {
font-weight: bold;}
chapter-12/font-weight.html
css
The 
font-weight
property 
allows you to create bold text. 
There are two values that this 
property commonly takes:
normal
This causes text to appear at a 
normal weight.
bold
This causes text to appear bold.
In this example, you can see 
that the element whose 
class
attribute has a value of 
credits
has been bolded.
You might wonder why there is 
a normal weight. This is because 
if, for example, you created a 
rule for the 
<body>
element 
indicating that all text inside the 
body should appear bold, you 
might need an option that allows 
the text in certain instances 
to appear normal weight. So 
it is essentially used as an "off 
switch."
bold
font-weight
C# PDF Convert to Word SDK: Convert PDF to Word library in C#.net
key. Quick to remove watermark and save PDF text, image, table, hyperlink and bookmark to Word without losing format. Powerful components
how to type into a pdf form in reader; pdf data extraction tool
C# Create PDF from PowerPoint Library to convert pptx, ppt to PDF
Description: Convert to PDF/TIFF and save it on the disk. Parameters: Description: Convert to PDF/TIFF and save it into stream. Parameters:
pdf data extraction open source; how to extract data from pdf to excel
arTicle
280
TEXT
280
TEXT
If you want to create italic text, 
you can use the 
font-style
property. There are three values 
this property can take:
normal
This causes text to appear in a 
normal style (as opposed to italic 
or oblique).
italic
This causes text to appear italic.
oblique
This causes text to appear 
oblique.
In this example, you can see that 
the credits have been italicized.
Italic fonts were traditionally 
stylized versions of the font 
based on calligraphy, whereas an 
oblique version would take the 
normal version and put it on an 
angle.
It is not unusual for the browser 
to fail to find an italic version of a 
typeface, in which case it will use 
an algorithm to place the normal 
version of the type on a slant, 
which means that a lot of italic 
text online is actually oblique.
iTalic
font-style
result
.credits {
font-style: italic;}
chapter-12/font-style.html
css
281 TEXT
result
h1 {
text-transform: uppercase;}
h2 {
text-transform: lowercase;}
.credits {
text-transform: capitalize;}
chapter-12/text-transform.html
css
The 
text-transform
property 
is used to change the case of 
text giving it one of the following 
values:
uppercase
This causes the text to appear 
uppercase.
lowercase
This causes the text to appear 
lowercase.
capitalize
This causes the first letter of 
each word to appear capitalized.
In this example, the 
<h1>
element is uppercase, the 
<h2>
element is lowercase, and the 
credits are capitalized. In the 
HTML, the word by in the credits 
had a lowercase b.
If you do utilize the uppercase 
option, it is worth looking at 
the 
letter-spacing
property 
to increase the gap between 
each letter as shown on page 
284. This will help improve 
readability.
uppercaSe & 
loWercaSe
text-transform
arTicle
282
TEXT
282
TEXT
result
.credits {
text-decoration: underline;}
a {
text-decoration: none;}
chapter-12/text-decoration.html
css
The 
text-decoration
property 
allows you to specify the 
following values:
none
This removes any decoration 
already applied to the text.
underline
This adds a line underneath the 
text.
overline
This adds a line over the top of 
the text.
line-through
This adds a line through words.
blink
This animates the text to make it 
flash on and off (however this is 
generally frowned upon, as it is 
considered rather annoying).
In this example, the credits have 
been underlined. Also, the name 
of the breed (which is a link) is 
not underlined, which it would 
be by default because it is a link.
This property is commonly 
used by designers to remove 
the underlines that browsers 
place under links. Pages 290-291 
show how to add or remove an 
underline when a user hovers 
over a link.
underline & STrike
text-decoration
283 TEXT
result
p {
line-height: 1.4em;}
chapter-12/line-height.html
css
Leading (pronounced ledding) is 
a term typographers use for the 
vertical space between lines of 
text. In a typeface, the part of 
a letter that drops beneath the 
baseline is called a descender, 
while the highest point of a letter 
is called the ascender. Leading 
is measured from the bottom of 
the descender on one line to the 
top of the ascender on the next.
hey there
hey there
In CSS, the 
line-height
property sets the height of 
an entire line of text, so the 
difference between the 
font-
size
and the 
line-height
is 
equivalent to the leading (as 
shown in the diagram above).
Increasing the 
line-height
makes the vertical gap between 
lines of text larger.
leading
line-height
leading
font-size
line-height
Increasing the default amount of 
leading can make text easier to 
read. The vertical space between 
lines should be larger than the 
space between each word as this 
helps the eye move along the line 
instead of down them. A good 
starter setting is around 1.4 to 
1.5em. Because users can adjust 
the default size of text in their 
browser, the value of the 
line-
height
property is best given in 
ems, not pixels, so that the gap 
between lines is relative to the 
size of text the user has selected.
result Minus css
Documents you may be interested
Documents you may be interested