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

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 خوانایی با ارزش وضوح بالا را ترجیح دهید که هرچه اندازه کوچکتر شود همچنان خوانا باقی بماند.

ارسال نظر


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