فونت‌های رنگی در وب

فونت‌های رنگی در وب

امروز قصد داریم تا راجب چگونگی استفاده از فونت‌های رنگی در وب سایت را باهم مرور کنیم. مطمئنا تمام طراحان وب می‌دانند که چگونه یک رنگ را روی فونت‌ها اعمال کنند. وقتی که شروع به یادگیری CSS می‌کنید این موضوع از ساده‌ترین چیزهایی است که با آن برخورد می‌کنید. یک رنگ را انتخاب کرده و بعد با استفاده از خاصیت color آن را اعمال می‌کنید: color:blue;. وقتی این کار را انجام می‌دهید تنها یک رنگ وجود دارد که اعمال می‌شود.

اما نظرتان چیست که بتوانیم چندین رنگ مختلف را به یک رشته یا یک متن اعمال کنیم؟ نظرتان چیست اگر بتوانیم متنی با رنگ آبی و بنفش داشته باشیم؟ یا آن را با استفاده از گرادینت اعمال کنیم؟ هدف اصلی این نوشته این است که بتوانیم چندین رنگ مختلف را به یک متن یا یک رشته اعمال کنیم.

استفاده‌ از فونت‌های رنگی

فونت‌های رنگی تکنیک جدیدی در دنیای وب به حساب می‌آیند به همین دلیل است که تا به حال تعداد انگشت‌شماری از آن‌ها ارائه شده است. برخی از این فونت‌ها رایگان و برخی دیگر به صورت تجاری ارائه شده‌اند، من در این مطلب شما را با چند مورد رایگان آشنا می‌سازم. می‌توانید در لینک‌های زیر براساس نیازتان مواردی را دانلود کنید:

کدی که برای اضافه کردن آن‌ها به پروژه نیاز است، کد جدید یا عجیبی نیست، ما از همان دستور @font-face همیشگی استفاده می‌کنیم:

مرورگر و پشتیبانی

در حال حاضر از فونت‌های رنگی تنها در فایرفاکس و Edge به صورت کامل پشتیبانی می‌شود. کروم نیز در این بازه تقریبا قرار می‌گیرد اما آنقدر کامل نیست. مرورگر Opera نیز به صورت کلی از آن پشتیبانی نمی‌کند.

تغییرات CSS

در حال حاضر نمی‌توانیم از CSS برای تغییر رنگ‌هایی که در فونت‌های رنگی استفاده شده است، استفاده بکنیم. با این حال برای یک طراح فونت این کار که بتواند فونتی همراه با تفاوت‌های رنگی مختلفی ارائه دهد امکان پذیر است. این تفاوت‌ها را می‌توان از طریق خاصیت font-feature-settings مدیریت کنید.

می‌توانید در این پروژه چنین موضوعی را به صورت عملی مشاهده کنید.

رنگ‌ها ثابت هستند، حتی روی لینک‌ها

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

در پایان

در بین فونت‌های رنگی و فونت‌های متغیر هر کدام می‌توانند ویژگی‌های جذاب و زیبایی را برای‌تان داشته باشد. این موارد می‌توانند روی دنیای تایپوگرافی طراحی وب در آینده تاثیر مثبت داشته باشند.

۰ پاسخ به "فونت‌های رنگی در وب"

    ارسال یک پیغام

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    ارتباط با کافه بلوط

    آدرس : خراسان جنوبی ، بیرجند ، پارک علم وفناوری خراسان جنوبی ، اتاق 101
    آدرس ایمیل: dp.cafebaloot@gamil.com

    logo-samandehi دروازه پرداخت معتبر

    All Right Reserved For Cafe Baloot 2018

    X