قوانینی برای تنظیم اندازه متن در صفحات وب

1 1 1 1 1 1 1 1 1 1 رتبه 5.00 (1 رای)
قوانینی برای تنظیم اندازه متن در صفحات وب - 5.0 out of 5 based on 1 vote

font size

برخی از طراحان باور دارند که متن کوچک به صفحه وب ظاهری براق می دهد و فضای بیشتر یبرای محتوای واقعی در هر صفحه ارائه می کند. برخی اوقات نتایج غیر منطقی برای فونت اندازه کوچک حاصل می شود.

متاسفانه این مسئله در پلت فرم هایی که برای دسترسی به صفحات وب استفاده می شوند خوب پیش نمی رود. از دستگاه های کوچک قابل حمل با صفحه نمایش کوچک گرفته تا پروژکتورهایی که به کامپیوتر ها متصل می شوند. و حتی در یک پلت فرم خاص ، تنظیمات متن ممکن است متفاوت باشد.

مشکل ، موضوع قابلیت استفاده و دسترسی پایه است : یک طراحی خوب باید به قدری خوب به نظر برسد که نیازی نداشته باشد کاربر اندازه متن را کوچک و بزرگ کند.

<font> را فراموش کنید ، از CSS استفاده کنید

روش مدرن و مناسب تنظیم اندازه متن برای صفحات وب ، استفاده از CSS می باشد. این کار بطور کاملا جدی بجای برچسب <font> در HTML توصیه می شود. زیرا CSS بیشتر از HTML انعطاف پذیر است و راه آسانتری برای نگه داری و ذخیره پهنای باند می باشد. از خصوصیات <color> و <background-color> یا مختصر آن <background> در CSS استفاده کنید.

هدف از این بحث ، پرداختن به تقابل CSS با برچسب <font> نیست. ممکن است خوانندگان بخواهند اطلاعات بیشتری درباره این موضوع بدست آورند. اینکار با موتورهای جستجو به راحتی قابل دستیابی است. اما ما اینجا به شما استفاده خوبی از CSS را یاد می دهیم تا بتوانید صفحات روشنی ایجاد کنید.

استفاده صحیح از خصوصیات فونت CSS

اینجا به تعدادی از قواعد اشاره شده است که باید با استفاده از خصوصیات فونت CSS برای ایجاد صفحاتی که به راحتی قابل خواندن است ، رعایت شوند.

به تنظیمات کاربر احترام بگذارید و از اندازه کوچک در محتوا خودداری کنید.

  • به عنوان یک اندازه پایه برای اسناد ، ۱em (یا ۱۰۰%) معادل تنظیمات اندازه فونت کاربر است.
    • بسیاری از کاربران بر این باورند که طراحان اینکار را برای اینکه اندازه متن از تنظیمات کاربر پیروی کند ، انجام می دهند.
    • به هر حال ، از آنجا که بسیاری از سایت ها اندازه فونت را بر اندازه پایه تنظیم می کنند ، تنظیم این اندازه به ۱em باعث می شود نهایتا ، اندازه متن از سایر سایت ها ممکن است متناقض به نظر برسد.
  • از اندازه زیر ۱em در مقیاس em  برای متن بدنه سایت ، اجتناب کنید ، بجز مواردی مانند اطلاعات کپی رایت و سایر موارد مشابه.

از واحد های طولی مطلق برای صفحه نمایش اجتناب کنید.

  • font-size  را در مقیاس pt یا سایر واحد های طولی مطلق در استایل شیت های نمایشی ، تعریف نکنید. زیرا آنها در پلت فرم ها ، متناقض نمایش داده می شوند و عامل کاربر (مرورگر و …) نمیتواند اندازه آن را تغییر دهد. استفاده از واحد های استایل دهی روی رسانه با خصوصیات فیزیکی شناخته شده را ادامه دهید. (مثال : print)
  • از واحد های طولی متناسب مانند درصد یا بهتر از آن ، em  ، استفاده کنید
  • حتی بهتر از آن ، اگر font-size پایه برای سند تنظیم شده باشد ، زمانی که اندازه فونت را برای یک سند ویژه در داخل یک سند تنظیم می کنید ، از اندازه مطلق (xx-small | x-small | small | medium | large | x-large | xx-large) یا اندازه متناسب (larger |smaller)  استفاده کنید.

font-family  خوانا

اگر از یک font-size کوچک استفاده می کنید ،یک  font-family خوانایی با ارزش وضوح بالا را ترجیح دهید که هرچه اندازه کوچکتر شود همچنان خوانا باقی بماند.

ارسال نظر


وایبر وبمستر شرکت طراحی وب سایت در یزد jQuery UI شرکت وب سایت یزد طراحی بی نهایت وب سایت در یزد TeamViewer سیستم مدیریت اعلام نمرات مدارس سیستم مدیریت سامانه پیامک دوربین مداربسته در یزد سه بعدی Rank سیستم مدیریت کارت شارژ فیلتر شکن جستجو تصاویر در گوگل فروش لایسنس HTML5 boilerplate سیستم مدیریت ایمیل ملی بیمارستان ها نامحدود معرفی سایت رتبه اول جستجوگر google bomb صفحه اول گوگل گوگل پنگوئن صفحات وب الگوریتم ESET Remote Administrator Server Ajax نمایش تصاویر حذف پسورد ویندوز ابر قدرت اپلیکیشن رسمی عکاسی گوگل Server Enterprise نقشه سایت Firebug Firefox پرداخت آنلاین پزشک کاتالوگ سیستم نوبت دهی پزشکان سئو فیلتر شکن 2015 بیلبورد در تهران TeamViewer Enterprise vpn مصطفی رضایی اندروید Download Crack TeamViewer 9.28223 مادام العمر الکسا برنامه نویسی PHP ویندوز: XP-7-8 نمونه کار طراحی وب سایت Google Robot بیلبورد در مازندران پیشرو پرداز یزد Crack TeamViewer Enterprise 9.28 اولین شرکت طراحی وب سایت در یزد گوگل وب مستر پارانوما You probably tried to upload too large file بیلبورد در همدان نسخه کرک شده برنامه نویسی وب مستر شبکه خصوصی بیلبورد در یزد بهترین روش تبیلغات تبلیغات محیطی در یزد HTML درمانگاه ها طراحی سه بعدی رایگان وبسایت شرکت طراحی وب یزد اسکریپت گالری تصاویر آنی اد شاه کلید وب cms سیستم مدیریت محتوا بیتا تکنولوژی وب یاهو سئو و بهینه سازی بیلبورد در سمنان ITVAN کرک گوگل-goolge-طراحان سایت طراحی ساده robots Hotspot Shield Elite اسکریپت نوبت دهی پزشکان شرکت طراحی و ب سایت در یزد بهترین روش تصاویری ۳۶۰ درجه ای XML بیلبورد تفاوت نسخه رایگان و نسخه اصلی تصاویر 360 درجه ربات گوگل پاناروما TeamViewer Enterprise 9.0.27614 بیلبورد در کرج خرید بلیط اینترنتی هنری بیلبورد در مشهد تصاویر بندانگشتی seo Code Anywhere بیلبورد در شیراز سئوی سایت پورتال کارت تخفیف وب تعرفه پانوراما تور مجازی 360 درجه نرم افزار ارسال انبوه تلگرام Google Drawing آتلیه وب سایت داینامک کلینیک ها گوگل پلی کاتالوگ آنلاین نمونه کارها برتر Fetch as Googlebot نوبت دهی ESET Remote Administrator Console الگوریتم های پاندا و پنگوئن قیمت پنالتی گوگل برنامه نویسی موبایل در یزد پیامک رایگان شورای انفورماتیک کشور چک کردن یزد سیستم فروشگاه ساز خبر یزد طراحی وب سایت آنتی ویروس 2014 بهینه سازی موتور جستجو Dreamweaver سایت بهترین شرکت طراحی وب سایت photo spheres تعرفه مدیران وب سایت پلانتی طراحی وب یزد ESET NOD32 Antivirus 7 آموزش تصویری بمب گوگل ، پیج رنک تحت وب پیشرو پرداز اخبار یزد php حرفه ای طراحی وب VIBER عکاسی گوگل نرم افزار حذف پسورد روش تبلیغات W3C Validator بسته web اول شرکت طراحی یزد TeamViewer 10 ،فیلم برداری صنعتی وب سایت ها