مرجع فونت ها در HTML
مرجع فونت ها در HTML
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش مرجع فونت ها در HTML خواهیم پرداخت.
شما در ماشین های مختلف دارای سیستم عامل های مختلف مانند ویندوز، لینوکس یا Mac iOS ظاهر و احساسی متفاوت از یک صفحه وب خواهید داشت. در اینجا ما لیستی از فونت هایی را که در سیستم عامل های مختلف موجود است ارائه می دهیم.
تگ <HTML <font در نسخه 4.0 به بعد منسوخ می شود و اکنون همه فونت ها با استفاده از CSS تنظیم می شوند. در اینجا نحو ساده تنظیم مرجع فونت ها در HTML از صفحه وب است.
1 2 3 4 5 |
body { font-family: "new century schoolbook"; } or <body style = "font-family:new century schoolbook;"> |
مثال
نسخه ی نمایشی زنده
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html> <head> <title>Font Setting Using CSS</title> </head> <body> <p>Change any of the style and try it.</p> <div style = "font-family:verdana;">This is demo for font family</div> <br /> <div style = "font-size:120%;">This is demo for font size</div> <br /> <div style = "font-size:14pt;">This is demo for font size</div> </body> </html> |
این نتیجه زیر را ایجاد می کند –
1 2 3 4 5 6 7 |
Change any of the style and try it. This is demo for font family This is demo for font size This is demo for font size |
فونت های سیستم های مایکروسافت
Font | Font | Font |
---|---|---|
Andale Mono | Arial | Arial Bold |
Arial Italic | Arial Bold Italic | Arial Black |
Comic Sans MS | Comic Sans MS Bold | Courier New |
Courier New Bold | Courier New Italic | Courier New Bold Italic |
Georgia | Georgia Bold | Georgia Italic |
Georgia Bold Italic | Impact | Lucida Console |
Lucida Sans Unicode | Marlett | Minion Web |
Symbol | Times New Roman | Times New Roman Bold |
Times New Roman Italic | Times New Roman Bold Italic | Tahoma |
Trebuchet MS | Trebuchet MS Bold | Trebuchet MS Italic |
Trebuchet MS Bold Italic | Verdana | Verdana Bold |
Verdana Italic | Verdana Bold Italic | Webdings |
فونت های سیستم های مکینتاش
در زیر لیستی از فونت های پشتیبانی شده توسط Macintosh System 7 و نسخه های بالاتر ارائه شده است
Font | Font | Font |
---|---|---|
American Typewriter | Andale Mono | Apple Chancery |
Arial | Arial Black | Brush Script |
Baskerville | Big Caslon | Comic Sans MS |
Copperplate | Courier New | Gill Sans |
Futura | Herculanum | Impact |
Lucida Grande | Marker Felt | Optima |
Trebuchet MS | Verdana | Webdings |
Palatino | Symbol | Times |
Osaka | Papyrus | Times New Roman |
Textile | Zapf Dingbats | Zapfino |
Techno | Hoefler Text | Skia |
Hoefler Text Ornaments | Capitals | Charcoal |
Gadget | Sand |
فونت های سیستم های یونیکس
در زیر لیستی از فونت های پشتیبانی شده توسط بیشتر سیستم های Unix وجود دارد
Font | Font | Font |
---|---|---|
Charter | Clean | Courier |
Fixed | Helvetica | Lucida |
Lucida bright | Lucida Typewriter | New Century Schoolbook |
Symbol | Terminal | Times |
Utopia |
کدهای HTML ASCII
128=27 کاراکتر قابل چاپ وجود دارد که می تواند توسط کدهای مختلف 7-BIT ASCII نشان داده شود. مجموعه دیگری از کاراکترها برای نمایش HTML نیستند اما برای کنترل سخت افزار طراحی شده اند.
جداول زیر تمام کدهای 7-BIT ASCII و کدهای موجود HTML آنها را فهرست می کند.
کاراکتر های ASCII قابل چاپ 7 بیتی
ASCII Characters | Description | HTML Entity Codes |
---|---|---|
فاصله |   | |
! | علامت تعجب | ! |
“ | نقل قول | " |
# | علامت عدد | # |
$ | علامت دلار | $ |
% | علامت درصد | % |
& | امپرسند | & |
‘ | اپوستروف | ' |
( | پرانتز چپ | ( |
) | پرانتز راست | ) |
* | ستاره | * |
+ | علامت مثبت | + |
, | کاموا | , |
– | خط ربط | - |
. | نقطه | . |
/ | اسلش | / |
0 | عدد 0 | 0 |
1 | عدد 1 | 1 |
2 | عدد 2 | 2 |
3 | عدد 3 | 3 |
4 | عدد 4 | 4 |
5 | عدد 5 | 5 |
6 | عدد 6 | 6 |
7 | عدد 7 | 7 |
8 | عدد 8 | 8 |
9 | عدد 9 | 9 |
: | دو نقطه | : |
; | نقطه ویرگول | ; |
< | کمتر از | < |
= | مساوی است با | = |
> | بزرگتر است | > |
? | علامت سوال | ? |
@ | علامت @ | @ |
A | حرف بزرگ A | A |
B | حرف بزرگ B | B |
C | حرف بزرگ C | C |
D | حرف بزرگ D | D |
E | حرف بزرگ E | E |
F | حرف بزرگ F | F |
G | حرف بزرگ G | G |
H | حرف بزرگ H | H |
I | حرف بزرگ I | I |
J | حرف بزرگ J | J |
K | حرف بزرگ K | K |
L | حرف بزرگ L | L |
M | حرف بزرگ M | M |
N | حرف بزرگ N | N |
O | حرف بزرگ O | O |
P | حرف بزرگ P | P |
Q | حرف بزرگ Q | Q |
R | حرف بزرگ R | R |
S | حرف بزرگ S | S |
T | حرف بزرگ T | T |
U | حرف بزرگ U | U |
V | حرف بزرگ V | V |
W | حرف بزرگ W | W |
X | حرف بزرگ X | X |
Y | حرف بزرگ Y | Y |
Z | حرف بزرگ Z | Z |
[ | براکت چپ | [ |
\ | بک اسلش | \ |
] | براکت راست | ] |
^ | توان | ^ |
_ | زیر خط | _ |
` | اکسان گراو | ` |
a | حروف کوچک a | a |
b | حروف کوچک b | b |
c | حروف کوچک c | c |
d | حروف کوچک d | d |
e | حروف کوچک e | e |
f | حروف کوچک f | f |
g | حروف کوچک g | g |
h | حروف کوچک h | h |
i | حروف کوچک i | i |
j | حروف کوچک j | j |
k | حروف کوچک k | k |
l | حروف کوچک l | l |
m | حروف کوچک m | m |
n | حروف کوچک n | n |
o | حروف کوچک o | o |
p | حروف کوچک p | p |
q | حروف کوچک q | q |
r | حروف کوچک r | r |
s | حروف کوچک s | s |
t | حروف کوچک t | t |
u | حروف کوچک u | u |
v | حروف کوچک v | v |
w | حروف کوچک w | w |
x | حروف کوچک x | x |
y | حروف کوچک y | y |
z | حروف کوچک z | z |
{ | آکولاد چپ | { |
| | میله عمودی | | |
} | آکولاد راست | } |
~ | مدک (تیلد) | ~ |
کاراکتر های کنترل دستگاه ASCII هفت بیتی
ASCII Characters | Description | HTML Entity Codes |
---|---|---|
NUL | کاراکتر پوچ | � |
SOH | شروع هدر |  |
STX | شروع متن |  |
ETX | پایان متن |  |
EOT | پایان انتقال |  |
ENQ | استعلام |  |
ACK | تصدیق |  |
BEL | زنگ |  |
BS | بک اسپیس |  |
HT | تب افقس | 	 |
LF | تب خطی | |
VT | تب عمودی |  |
FF | خوراک فرم |  |
CR | برگشت نورد | |
SO | شیفت اوت |  |
SI | شیفت این |  |
DLE | فرار از پیوند داده |  |
DC1 | کنترل دستگاه 1 |  |
DC2 | کنترل دستگاه 2 |  |
DC3 | کنترل دستگاه 3 |  |
DC4 | کنترل دستگاه 4 |  |
NAK | تأیید منفی |  |
SYN | همگام سازی |  |
ETB | بلوک انتقال انتهایی |  |
CAN | لغو |  |
EM | انتهای متوسط |  |
SUB | زیرنویس |  |
ESC | فرار |  |
FS | جدا کننده فایل |  |
GS | جدا کننده گروه |  |
RS | جدا کننده ضبط |  |
US | جدا کننده واحد |  |
DEL | حذف |  |
لیست جلسات قبل آموزش HTML
-
- معرفی HTML
- نگاهی کلی به HTML
- آموزش تگ های پایه در HTML
- آموزش عناصر در HTML
- مفهوم ویژگی ها در HTML
- آموزش قالب بندی در HTML
- آموزش تگ های عبارت در HTML
- آموزش متا تگ ها در HTML
- آموزش کامنت ها در HTML
- تصاویر در HTML
- آموزش جداول در HTML
- آموزش لیست ها در HTML
- آموزش لینک های عکس در HTML
- آموزش لینک های ایمیل در HTML
- آموزش فریم ها در HTML
- آموزش Iframes در HTML
- آموزش بلوک در HTML
- آموزش پس زمینه در HTML
- آموزش رنگ ها در HTML
- آموزش فونت ها در HTML
- آموزش فرم ها در HTML
- آموزش چندرسانه ای در HTML
- مفهوم Marquee در HTML
- آموزش تگ Header در HTML
- آموزش Style Sheet در HTML
- مرجع تگ ها در HTML
- مرجع ویژگی ها در HTML
- مرجع رویدادها در HTML
دیدگاه شما