نمایش متن در CSS

P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
فهرست مطالب:

  1. انتخاب نوع قلم برای نمایش متن ها ، با مشخصه font-family در CSS
  2. انتخاب نوع نمایش متن ها ، با مشخصه font-style در CSS
  3. تعیین اندازه متن ها با مشخصه font-size در CSS
  4. تعیین فرم های خاص برای نمایش متن با مشخصه text-decoration در CSS
  5. تعیین نحوه قرارگیری متن در جهت افقی با مشخصه text-align در CSS
  6. تعیین یک فونت خاص برای نمایش متن ها، با کدهای CSS


منبع: kelidestan
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
انتخاب نوع قلم برای نمایش متن ها ، با مشخصه font-family در CSS

انتخاب نوع قلم برای نمایش متن ها ، با مشخصه font-family در CSS

با استفاده از مشخصه font-family در CSS ، می توانیم تعین کنیم که متن ها با چه نوع قلمی نمایش داده شوند . به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#CC00CC]#paragraph[/COLOR] [COLOR=#00AA00]{[/COLOR]
               [B]font-family[/B][COLOR=#3333FF]:Verdana[/COLOR][COLOR=#00AA00],[/COLOR] Geneva[COLOR=#00AA00],[/COLOR] [COLOR=#993333]sans-serif[/COLOR][COLOR=#00AA00];[/COLOR]
           [COLOR=#00AA00]}[/COLOR]      
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]1[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p[COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]2[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p[COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]3[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
ابتدا برای پاراگراف اول ، id با نام paragraph را تعیین کرده ایم . سپس با استفاده از مشخصه font-family تعیین کرده ایم که نوع قلم مورد استفاده برای آن پاراگراف چگونه باشد .

[h=4]نتیجه :[/h]
Untitled.jpg
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
انتخاب نوع نمایش متن ها ، با مشخصه font-style در CSS

انتخاب نوع نمایش متن ها ، با مشخصه font-style در CSS

با استفاده از مشخصه font-style در CSS ، می توانیم تعیین کنیم که متن ها به صورت normal (معمولی) ، italic (ایتالیک) یا oblique (مورب) نمایش داده شوند . به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#CC00CC]#paragraph_1[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]font-style[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]normal[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]   
[COLOR=#CC00CC]#paragraph_2[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]font-style[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]italic[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]   
[COLOR=#CC00CC]#paragraph_3[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]font-style[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]oblique[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]  
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_1"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]1[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_2"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]2[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_3"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]3[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
برای هر یک از سه پاراگراف ، یک id تعریف کرده ایم و سپس درون تگ style ، با استفاده از مشخصه font-style تعیین کرده ایم که در هر پراگراف ، متن به چه صورت نمایش داده شود .

[h=4]نتیجه :[/h]
Untitled.jpg
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
تعیین اندازه متن ها با مشخصه font-size در CSS

تعیین اندازه متن ها با مشخصه font-size در CSS

مشخصه font-size در CSS ، برای تعیین اندازه متن ها به کار می رود . در واقع با استفاده از مشخصه font-size در CSS ، می توانیم تعیین کنیم که اندازه فونت هایی که برای نمایش متن ها به کار می روند ، چقدر باشد . به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#CC00CC]#paragraph_1[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]font-size[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]36px[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]   
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_1"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]1[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p[COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]2[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
ابتدا پاراگراف اول را با id با نام paragraph_1 مشخص کرده ایم و سپس درون تگ style ، به این id ارجاع داده ایم تا توسط مشخصه font-size ، اندازه فونت ها برای نمایش متن آن پاراگراف را تعیین کنیم .

[h=4]نتیجه :[/h]
Untitled.jpg
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
تعیین فرم های خاص برای نمایش متن با مشخصه text-decoration در CSS

تعیین فرم های خاص برای نمایش متن با مشخصه text-decoration در CSS

حتما فرم های مختلف نمایش متن ، مثل زیرخط دار بودن ، خط خورده بودن (خط بر روی متن) و ... را دیده اید . با استفاده از مشخصه text-decoration در CSS ، می توانیم تعیین کنیم که متن مورد نظرمان به صورت کدامیک از این فرم های خاص نمایش داده شود . علاوه بر این ، با استفاده از مشخصه text-decoration ، می توانیم تعیین کنیم که متن به صورت عادی نمایش داده شود ، زیرا ممکن است که متن توسط یک تگ HTML به صورت یکی از این فرم های خاص درآمده باشد و ما اکنون قصد داشته باشیم که نمایش آن را به صورت عادی دربیاوریم .

برای مشخصه text-decoration ، می توانیم هر یک از حالت های underline (یک خط زیر متن) ، line-through (یک خط روی متن) ، overline (یک خط بالای متن) و blink (متن به صورت چشمک زن) را انتخاب کنیم . به مثال زیر توجه کنید :

مثال :


کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#CC00CC]#paragraph_1[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-decoration[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]underline[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]   
[COLOR=#CC00CC]#paragraph_2[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-decoration[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]line-through[/COLOR]
             [COLOR=#00AA00]}[/COLOR]  
[COLOR=#CC00CC]#paragraph_3[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-decoration[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]overline[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]  
[COLOR=#CC00CC]#paragraph_4[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-decoration[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]blink[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]                                                   
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_1"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]1[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_2"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]2[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_3"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]3[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_4"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]4[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
ابتدا هر یک از 4 پاراگراف را با یک id مشخص کرده ایم و سپس درون تگ style ، تعیین کرده ایم که مشخصه text-decoration برای هر یک از این پاراگراف ها به چه صورت باشد .

نتیجه :

Untitled.jpg
همان طور که مشاهده کردید در مثال بالا ، با مشخصه text-decoration ، فرم های خاص را برای نمایش متن ها تعیین کردیم . اما اکنون می خواهیم مثالی بزنیم که در آن ، یک متن دارای یک فرم خاص است ولی ما قصد داریم که فرم خاص آن را با استفاده از مشخصه text-decoration برداریم تا متن به صورت عادی نمایش داده شود . به مثال زیر توجه کنید :

مثال :

ابتدا یک لینک را به صورت عادی و با استفاده از تگ a می سازیم :
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<a href[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"#"[/COLOR][COLOR=#00AA00]>[/COLOR]لینک به بالای صفحه</a[COLOR=#00AA00]>[/COLOR]

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
نتیجه :

Untitled.jpg
همان طور که مشاهده می کنید ، در زیر متن مربط به لینک ، یک خط نمایش داده شده است که در نتیجه استفاده از تگ a می باشد . اکنون قصد داریم که با استفاده از مشخصه text-decoration در CSS ، این خط را برداریم تا متن مربوط به لینک به صورت معمولی نمایش داده شود . کدهای زیر را می نویسیم :
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
a [COLOR=#00AA00]{[/COLOR]
  [B]text-decoration[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR]
  [COLOR=#00AA00]}[/COLOR]                              
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<a href[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"#"[/COLOR][COLOR=#00AA00]>[/COLOR]لینک به بالای صفحه</a[COLOR=#00AA00]>[/COLOR]

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
درون تگ style ، تعیین کرده ایم که برای تمامی تگ های a که در کد HTML به کار رفته است ، متن به صورت عادی (بدون هیچگونه فرم خاص) نمایش داده شود . برای این منظور ، مشخصه text-decoration را برابر none انتخاب کرده ایم .

نتیجه :
Untitled.jpg
مشاهده می کنید که دیگر در زیر متن مربوط به لینک ، هیچ خطی نمایش داده نشده است .
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
تعیین نحوه قرارگیری متن در جهت افقی با مشخصه text-align در CSS

تعیین نحوه قرارگیری متن در جهت افقی با مشخصه text-align در CSS

با استفاده از مشخصه text-align در CSS ، می توانیم تعیین کنیم که متن ، در جهت افقی ، به چه صورت قرار گیرد . برای مشخصه text-align در CSS ، می توانیم هر یک از حالت های right (در سمت راست) ، left (در سمت چپ) ، center (در وسط) و justify (منظم کردن متن هر خط برای مساوی بودن تمام خطوط و زیباتر شدن متن) را انتخاب کنیم . به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#CC00CC]#paragraph_1[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-align[/B][COLOR=#00AA00]:[/COLOR][B]right[/B][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]   
[COLOR=#CC00CC]#paragraph_2[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-align[/B][COLOR=#00AA00]:[/COLOR][B]left[/B][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]  
[COLOR=#CC00CC]#paragraph_3[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-align[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]  
[COLOR=#CC00CC]#paragraph_4[/COLOR] [COLOR=#00AA00]{[/COLOR]
                 [B]text-align[/B][COLOR=#00AA00]:[/COLOR][COLOR=#993333]justify[/COLOR][COLOR=#00AA00];[/COLOR]
             [COLOR=#00AA00]}[/COLOR]                                                   
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_1"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]1[/COLOR] . paragraph number [COLOR=#CC66CC]1[/COLOR] . paragraph number [COLOR=#CC66CC]1[/COLOR] . paragraph number [COLOR=#CC66CC]1[/COLOR] . paragraph number [COLOR=#CC66CC]1[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<br /[COLOR=#00AA00]>[/COLOR]
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_2"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]2[/COLOR] . paragraph number [COLOR=#CC66CC]2[/COLOR] . paragraph number [COLOR=#CC66CC]2[/COLOR] . paragraph number [COLOR=#CC66CC]2[/COLOR] . paragraph number [COLOR=#CC66CC]2[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<br /[COLOR=#00AA00]>[/COLOR]
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_3"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]3[/COLOR] . paragraph number [COLOR=#CC66CC]3[/COLOR] . paragraph number [COLOR=#CC66CC]3[/COLOR] . paragraph number [COLOR=#CC66CC]3[/COLOR] . paragraph number [COLOR=#CC66CC]3[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 
<br /[COLOR=#00AA00]>[/COLOR]
<p id[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"paragraph_4"[/COLOR][COLOR=#00AA00]>[/COLOR]paragraph number [COLOR=#CC66CC]4[/COLOR] . paragraph number [COLOR=#CC66CC]4[/COLOR] . paragraph number [COLOR=#CC66CC]4[/COLOR] . paragraph number [COLOR=#CC66CC]4[/COLOR] . paragraph number [COLOR=#CC66CC]4[/COLOR] .</p[COLOR=#00AA00]>[/COLOR] 

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
ابتدا هر یک از 4 پاراگراف را با یک id مشخص کرده ایم و سپس درون تگ style ، با مشخصه text-align تعیین کرده ایم که متن هر پاراگراف در جهت افقی چگونه قرار داده شود . برای ارجاع به هر پاراگراف ، از id آن پاراگراف استفاده کرده ایم .

[h=4]نتیجه :[/h]
Untitled.jpg
 
P O U R I A

P O U R I A

مدیر مهندسی شیمی مدیر تالار گفتگوی آزاد
مدیر تالار
تعیین یک فونت خاص برای نمایش متن ها، با کدهای CSS

تعیین یک فونت خاص برای نمایش متن ها، با کدهای CSS

برای اینکه از یک فونت خاص، برای نمایش متن های سایت خود استفاده کنیم، باید ابتدا یک فولدر با نام fonts (یا هر نام دلخواه دیگر) بسازیم و سه فایل مربوط به آن فونت را در آن قرار بدهیم. سپس توسط کدهای CSS ، آن را به طوز کلی تعریف کرده و سپس در بخش هایی که می خواهیم متن های آن بخش ها، با آن فونت نمایش داده شود، به نام تعریف شده برای آن فونت، ارجاع بدهیم (با مشخصه font-family در CSS).

برای درک بهتر این موضوع، به مثال زیر توجه کنید :

[h=4]مثال :[/h]
کد: 
[COLOR=#000000][FONT=Tahoma][FONT=monospace]<html[COLOR=#00AA00]>[/COLOR]
 
<head[COLOR=#00AA00]>[/COLOR]
<style type[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"text/css"[/COLOR][COLOR=#00AA00]>[/COLOR]
[COLOR=#A1A100]@font-face {[/COLOR]
[B]font-family[/B][COLOR=#00AA00]:[/COLOR][COLOR=#FF0000]'dast-nevis'[/COLOR][COLOR=#00AA00];[/COLOR]
src[COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'fonts/Dast_Nevis.eot?#'[/COLOR][COLOR=#00AA00])[/COLOR] format[COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'eot'[/COLOR][COLOR=#00AA00])[/COLOR][COLOR=#00AA00],[/COLOR] 
[COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'fonts/Dast_Nevis.woff'[/COLOR][COLOR=#00AA00])[/COLOR] format[COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'woff'[/COLOR][COLOR=#00AA00])[/COLOR][COLOR=#00AA00],[/COLOR] 
[COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'fonts/Dast_Nevis.ttf'[/COLOR][COLOR=#00AA00])[/COLOR] format[COLOR=#00AA00]([/COLOR][COLOR=#FF0000]'truetype'[/COLOR][COLOR=#00AA00])[/COLOR][COLOR=#00AA00];[/COLOR]
[COLOR=#00AA00]}[/COLOR]
[COLOR=#6666FF].font_dast_nevis[/COLOR] [COLOR=#00AA00]{[/COLOR]
        [B]font-family[/B][COLOR=#3333FF]:dast-[/COLOR]nevis[COLOR=#00AA00];[/COLOR]
         [COLOR=#00AA00]}[/COLOR]                                       
</style[COLOR=#00AA00]>[/COLOR]
</head[COLOR=#00AA00]>[/COLOR]
 
<body[COLOR=#00AA00]>[/COLOR]

<p class[COLOR=#00AA00]=[/COLOR][COLOR=#FF0000]"font_dast_nevis"[/COLOR][COLOR=#00AA00]>[/COLOR]
متن آزمایشی، که به صورت دستخط می باشد
</p[COLOR=#00AA00]>[/COLOR]

</body[COLOR=#00AA00]>[/COLOR]
</html[COLOR=#00AA00]>[/COLOR][/FONT]
[/FONT][/COLOR]
[h=4]نتیجه :[/h]
Untitled.jpg
 
برای ارسال پاسخ شما باید وارد سیستم شوید.
Similar threads
Thread starter عنوان تالار پاسخ ها تاریخ
P O U R I A نمایش متن در HTML HTML , XHTML , CSS 5
P O U R I A نمایش عکس در HTML HTML , XHTML , CSS 5
B ترکیب عکس و متن در html HTML , XHTML , CSS 1
saeed410 تایپوگرافی و استایل متن ها در بوت استرپ HTML , XHTML , CSS 1
T رفع غلط املایی اشتباهات برنامه نویسی css html jquery php asp HTML , XHTML , CSS 0

Similar threads

بالا