از جمله فونت هایی از google fonts css. اتصال فونت های CSS

ولاد مرژویچ

فونت بخشی جدایی ناپذیر از طراحی وب است، به سایت رسا و تشخیص می دهد، سبک مشخص سایت را بیان می کند و ارتباط مستقیمی با درک متون دارد. فونت درست انتخاب شده ممکن است مورد توجه قرار نگیرد، اما بدون آن هیچ ذوقی وجود نخواهد داشت که طراحی وب سایت را کامل کند.

اگر قبلاً یک فونت خاص روی رایانه خود نصب کرده اید، در سبک ها کافی است یک خط اضافه کنید.

h1 (خانواده فونت: SuperPuperFont؛)

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

... اما بازدیدکنندگان وب سایت اگر فونت دیدنی و کمیاب ما را نصب نکنند چه چیزی را خواهند دید؟ این وضعیت به احتمال زیاد است، بنابراین اگر مرورگر فونت اعلام شده را تشخیص ندهد، از فونت پیش فرض استفاده می کند، به عنوان مثال در ویندوز Times New Roman است. تمام طراحی‌های ما که به دقت فکر شده‌اند، یک شبه از بین می‌روند، بنابراین باید به دنبال همه‌کاره‌ترین راه‌حل باشیم. اولین چیزی که بلافاصله به ذهن می رسد این است که بارگیری فایل فونت را در رایانه کاربر سازماندهی کنید و متن را در فونت انتخاب شده نمایش دهید. در مقایسه با روش های دیگر مانند نمایش متن از طریق تصویر، این روش ساده ترین و پرکاربردترین است.

دانلود فایل فونت و سپس اعمال آن از طریق CSS چه مزایایی دارد.

  • متن به راحتی اضافه و ویرایش می شود.
  • در مرورگر می توانید از جستجو استفاده کرده و عبارات مورد نظر را بیابید.
  • در تنظیمات مرورگر، می توانید اندازه فونت را کاهش یا افزایش دهید تا به مشاهده راحت برسید.
  • موتورهای جستجومحتوای سند را به خوبی نمایه می کند.
  • متن را می توان انتخاب کرد و در کلیپ بورد کپی کرد و همچنین به زبان دیگری ترجمه کرد.
  • پارامترهای متن مانند فاصله خطوط، رنگ، اندازه و موارد مشابه با استفاده از ویژگی های CSS به راحتی قابل تغییر هستند.
  • مجدداً از طریق CSS می توانید به سادگی افکت های مختلفی را به متن اضافه کنید، مثلاً یک سایه.

همانطور که می بینید، مزایای زیادی وجود دارد. نکات منفی جزئی وجود دارد و برای تعادل قابل ذکر است.

  • همه نسخه های مرورگر از فونت قابل دانلود و قالب یکسان برای همه پشتیبانی نمی کنند.
  • فایل حاوی حروف ممکن است اشغال شود حجم زیاددر نتیجه سرعت بارگذاری صفحه وب کاهش می یابد.

جدول 1 نسخه های مرورگر و قالب های فونتی را که پشتیبانی می کنند فهرست می کند.

برگه 1. فرمت های پشتیبانی شده
فرمت اینترنت اکسپلورر کروم اپرا سافاری فایرفاکس اندروید iOS
TTF 9.0+ 4.0+ 10.0+ 3.1+ 3.5+ 2.2+
EOT 5.0-8.0
واف 9.0+ 5.0+ 3.6+
SVG 1.0+ 9.0+ 3.1+ 3.5+ 1.0+

بیشترین فرمت پشتیبانی شده TTF است. به استثنای IE تا نسخه 9.0 و iOS، همه مرورگرها آن را کاملاً درک می کنند. بنابراین اگر فونتی در این قالب دارید و هدف دارید مرورگرهای مدرن، هیچ اقدام اضافی لازم نیست. کافی است کد زیر را در استایل بنویسید (مثال 1).

مثال 1. اتصال TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

فونت

ابتدا خود فایل فونت را با استفاده از قانون font-face @ بارگذاری می کنیم. در داخل آن نام تایپ فیس را با استفاده از پارامتر font-family و مسیر فایل را با استفاده از src می نویسیم. بعد طبق معمول از فونت استفاده می کنیم. بنابراین، اگر نیاز به تنظیم فونت برای عنوان داشته باشیم، برای انتخابگر h1، همانطور که در مثال نشان داده شده است، ویژگی font-family را با نام فونت بارگذاری شده تنظیم می کنیم. برای نسخه های قدیمی اینترنت اکسپلورر، بک گراندهایی را فهرست می کنیم که با کاما از هم جدا شده اند. V در این موردفونت عنوان "Comic Sans MS" خواهد بود زیرا IE8 و پایین تر از فرمت TTF پشتیبانی نمی کند.

نتیجه این مثال در شکل نشان داده شده است. یکی

برنج. 1. عنوان با فونت دانلود شده

اگر به یک فونت آراسته در IE8 نیاز داشته باشید چه؟ خوشبختانه، @ font-face به شما امکان می دهد چندین فایل فونت را همزمان اضافه کنید. فرمت های مختلف... مرورگر فقط باید مورد مناسب را انتخاب کند. بنابراین، یک راه حل جهانی که در همه مرورگرها کار می کند به تبدیل فرمت TTF موجود به EOT و سپس اتصال هر دو فایل خلاصه می شود.

برای تبدیل، چندین سرویس آنلاین وجود دارد که به شما امکان می دهد یک فایل TTF را دانلود کنید و یک فایل EOT را در خروجی دریافت کنید. متأسفانه اکثر این سرویس ها مشکل مشابهی دارند - ما فایل را دریافت می کنیم، اما زبان روسی در آن پشتیبانی نمی شود. در نتیجه، نتیجه مطلوب حاصل نمی شود، تبدیل نادرست است. در بین سایت هایی که بررسی کردم، یکی بود که متن را به درستی در IE نشان می داد.

به این سایت بروید، فایل TTF را بارگذاری کنید و دکمه "تبدیل TTF به EOT" را فشار دهید و پس از آن فایل به دست آمده را در پوشه فونت ها ذخیره می کنیم. ترفند کوچکی در استایل ها باقی مانده است تا مرورگرهای مختلف را مجبور به بارگذاری فونت در قالب درست کنند. برای این کار دو پارامتر src اضافه کنید. اولین مورد به فایل EOT اشاره می کند و برای نسخه های قدیمی IE است. پارامتر دوم src باید حاوی دو آدرس باشد که با کاما از هم جدا شده اند که یکی از آنها به یک فایل TTF اشاره می کند. واقعیت این است که IE نسخه 8.0 و قبل از آن کاما را در پارامتر src درک نمی کند و بر این اساس، پارامتر را به طور کامل نادیده می گیرد. ممکن است چندین گزینه املایی وجود داشته باشد، به عنوان مثال، url را تکرار کنید، نام فونت را در پارامتر محلی مشخص کنید، یا یک فونت ناموجود را به طور کلی بنویسید. اگر مرورگر نتواند چنین فونتی را بارگیری کند، به دومین فونت در لیست می رود و ما آن را به درستی نوشته ایم. روش های قابل قبول نوشتن

src: url (fonts / pompadur.ttf)، url (fonts / pompadur.ttf)؛
src: محلی (pompadur)، آدرس اینترنتی (فونت / pompadur.ttf)؛
src: محلی ("bla bla")، آدرس اینترنتی (فونت / pompadur.ttf)؛

یک گزینه کار برای اتصال یک فونت برای تمام نسخه های مرورگرها در مثال 2 نشان داده شده است.

مثال 2. اتصال EOT

HTML5 CSS3 IE Cr Op Sa Fx

فونت

یک عنصر مدرن از روند سیاسی

در واقع، دکترین سیاسی مونتسکیو، نوع فرهنگ سیاسی قاره ای-اروپایی را رهبری می کند که در آثار میشل منعکس شد.

در مورد iOS، به نظر می رسد که ایجاد و دانلود یک فونت جداگانه با فرمت SVG چندان منطقی به نظر نمی رسد. مخاطبان سایت هایی که از طریق iOS آن را مرور می کنند هنوز کم است، علاوه بر این، نسخه سایت زیر است دستگاه های تلفن همراهتلاش می کنند تا آن را آسان تر کنند و بارگذاری چند ده کیلوبایت اضافی مطلوب نیست.

فونت های وب گوگل

یک سرویس راحت که از روال پشتیبانی از فرمت های مختلف فونت و نسخه های مرورگر مراقبت می کند را می توان در این آدرس یافت www.google.com/webfonts... اگرچه فونت های متفاوت نسبتا کمی در مجموعه وجود دارد (چند ده مورد از آنها وجود دارد)، اما همه آنها بسیار با کیفیت هستند و برای استفاده در سایت ها رایگان هستند.

قبل از انتخاب فونت، مقدار Script را به سیریلیک تغییر دهید، سپس لیستی از فونت هایی را خواهید دید که از زبان روسی پشتیبانی می کنند (شکل 2).

برنج. 2. انتخاب فونت در فونت های وب گوگل

ابتدا باید فونت مورد علاقه خود را با کلیک بر روی دکمه "افزودن به مجموعه" و سپس روی دکمه "استفاده" در گوشه سمت راست پایین صفحه به مجموعه اضافه کنید. در صفحه بعد(شکل 3) در نهایت می توانید فونت های مورد نظر خود را انتخاب کنید. باید درک کرد که یک تایپ فیس می تواند شامل چندین سبک باشد و هر یک از آنها حجم فایل های دانلود شده را افزایش می دهد.

برنج. 3. فونت های بارگذاری شده در صفحه

شما می توانید فونت های انتخاب شده را با استفاده از یکی از فونت ها متصل کنید سه راه، کد اضافه شده را می توان در صفحه کپی کرد.

1. از طریق عنصر ... خط چیزی شبیه به شکل زیر خواهد بود.

2. از طریق قانون @import. ما این خط را در فایل CSS خود در بالای صفحه قرار می دهیم.

آدرس URL @import (http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic)؛

3. از طریق جاوا اسکریپت.

اساساً همه مسیرها با هم برابر هستند، بنابراین با توجه به اولویت خود انتخاب کنید.

مزایای برنامه از این سرویسچنین.

  • استفاده از فونت ها رایگان است، نیازی به پرداخت هزینه برای آنها ندارید.
  • فونت های ارائه شده برای مشاهده بر روی صفحه نمایش "تیز" می شوند، فایل ها بهینه می شوند و حجم نسبتا کمی را اشغال می کنند.
  • مرورگر به صورت خودکار شناسایی می شود و فونتی با فرمت مورد نیاز برای آن نمایش داده می شود.

یکی از مزیت های اصلی این سرویس این است که فونت ها با فرمت های TTF، EOT، WOFF، SVG ذخیره می شوند و پس از بررسی مرورگر بارگذاری می شوند. بنابراین، فرمت EOT فقط برای نسخه های قدیمی IE در دسترس خواهد بود.

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

// echo get_the_post_thumbnail (get_the_ID ()، "relatedthumbnail"); // اندازه تصویر کوچک من را نشان می دهد؟>

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

نحوه اتصال فونت از فونت گوگل

مرحله 1 - یک فونت را انتخاب کنید

سرویس فونت های گوگلدارای مجموعه بزرگی از فونت های وب است که می توان آنها را در یک خط به پروژه متصل کرد و بلافاصله در آن استفاده کرد سبک های CSS... برای انتخاب فقط فونت های سیریلیک برای مشاهده، در فیلتر سمت چپ در پارامتر Script، باید مقدار Cyrillic (برای سیریلیک) یا Cyrillic Extended (برای سیریلیک توسعه یافته) را انتخاب کنید. پس از آن، فونت های پشتیبانی کننده سیریلیک در سمت راست نشان داده می شوند.

برای استفاده سریع، روی دکمه استفاده سریع کلیک کنید.

مرحله 2 - تنظیمات فونت را تنظیم کنید

در صفحه بعد ما انتخاب می کنیم که از چه نوع تایپ هایی استفاده کنیم. OpenSans دارای 10 وزن، از بسیار نازک تا بسیار پررنگ است. هر چه سبک های بیشتری انتخاب شود، بر سرعت بارگذاری صفحه تأثیر بیشتری خواهد گذاشت. بنابراین، ارزش آن را دارد که فقط فونت هایی را که استفاده می شود متصل کنید. پس از آن، می توانید مجموعه کاراکترها را انتخاب کنید، برای سیریلیک ما سیریلیک Extended یا سیریلیک و لاتین را انتخاب می کنیم.

مرحله 3 - کد اتصال فونت

سپس یک خط کد برای اتصال به سایت شما می گیریم. گزینه استاندارد - اتصال یک فایل css شخص ثالث از html، در تب @import - یک رشته برای اتصال از طریق یک فایل css و گزینه سوم برای جاوا اسکریپت وجود خواهد داشت. پس از آن اتصال آماده است و می توانید از این تایپ فیس در طرح بندی استفاده کنید. بلوک زیر نمونه ای از نحوه دسترسی به یک فونت را نشان می دهد: font-family: "Open Sans", sans-serif;

عرض را با استفاده از پارامتر font-weight تنظیم کنید: 300; یا وزن فونت: 400; فونت-وزن: 800; کج - از طریق فونت سبک: ایتالیک. ...

مثال استفاده

در نتیجه، اگر بخواهیم فونت را از طریق import @ در CSS قرار دهیم، فایل CSS ما به این شکل خواهد بود:

/ * اتصال فونت * / @import url (http://fonts.googleapis.com/css?family=Open+Sans:400,700 italic,300&subset=cyrillic-ext,latin); / * سبک عنوان h1 * / h1 را تعریف کنید (/ * فونت متصل "Open Sans" را به عنوان یک تایپ انتخاب کنید * / font-family: "Open Sans", sans-serif؛ / * انتخاب اندازه فونت 300 ، که با سبک Light مطابقت دارد - برای اندازه نازک * / وزن قلم: 300؛)

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

به سایت می رویم www.google.com/fonts/، در فیلتر سمت راست انتخاب می کنیم: 1. دسته مورد نظر، 2. در صورت لزوم، آنها را مرتب کنید و 3. زبان مورد نیاز خود را انتخاب کنید (اگر به یک فونت روسی در منوی سمت چپ نیاز دارید، انتخاب کنید. سیریلیک).

بنابراین ما فونت را انتخاب کرده ایم، اکنون باید سبک آن را انتخاب کنیم، برای این کار، پانل زیر را گسترش دهید ( کشوی انتخاب را باز کنید) و به تب بروید شخصی سازیو سبک ها و زبان های مورد نظر خود را انتخاب کنید.

برای دانلود روی دکمه کلیک کنید دانلود کنید.

اتصال فونت دانلود شده

فونت های موجود در آرشیو را در پوشه / fonts کپی کنید، که باید در همان پوشه / css سایت HTML شما باشد.

اتصال استاندارد فونت های دانلود شدهبه نظر می رسد که

@ font-face (Font-family: "Font_name_any"؛ src: url ("Font_file_name.eot")؛ src: url ("Font_file_name.eot? #iefix") قالب ("embedded-opentype")، url_file ("Font) فرمت .eot .woff") ("woff")، url ("Font_file_name.ttf") قالب (" truetype ")، url ("Font_file_name.svg # DSNoteRegular") قالب ("svg")؛ وزن فونت: عادی ؛ سبک فونت: معمولی؛)

در مورد من، اتصال به این شکل خواهد بود

/ * کد اتصال فونت در /css/style.css * / @ font-face (font-family: "RobotoRegular"؛ url ("../ fonts / RobotoRegular.ttf") قالب ("truetype")؛ فونت - سبک: معمولی؛ وزن قلم: عادی؛)

برای اتصال فونت انتخابی خود به سایت به تب بروید EMBED، در آنجا 2 روش اتصال را مشاهده خواهید کرد:

1. استاندارد

این کد باید به بخش اضافه شود سند HTML شما

2. @IMPORT

آدرس اینترنتی واردات @ ("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic")؛

مهم. صرف نظر از روش اتصال، از قوانین CSS زیر برای تعریف این خانواده ها استفاده کنید: font-family: ‘Roboto’, sans-serif; بیشتر در این مورد در زیر

سلام به همه! می توانید در مورد آن بخوانید، در درس 132 نوشتم. و در این مقاله به شما خواهم گفت که چگونه می توانید به سرعت و به راحتی یک فونت را از فونت گوگل به سایت خود متصل کنید. در سرویس فونت گوگل، باید فونتی را برای سایت خود انتخاب کنید و سپس آن را متصل کنید.

نیازی به آپلود فایل فونت در هاست نیست. کافی است کد HTML مورد نیاز را در هدر سایت و به نام فونت جدید بنویسید. فونت ها را می توان نه تنها به یک سایت وردپرس، بلکه به هر سایت دیگری متصل کرد.

چگونه فونت های گوگل را به سایت خود متصل کنیم

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

در صورت نیاز می توانید پارامترهای دیگری را تنظیم کنید: ضخامت (ضخامت فونت)، مایل (مورب)، عرض (عرض فونت).


اگر سایت شما به زبان روسی است، باید الفبای سیریلیک را انتخاب کنید: سیریلیک (سیریلیک)، یا سیریلیک گسترده (سیریلیک گسترده).

هنگامی که پارامترها انتخاب می شوند، سرویس تمام فونت های موجود با آنها را نشان می دهد.

نشانگر ماوس را روی فونتی که می خواهیم در سایت نصب کنیم حرکت دهید، پس از آن تنظیمات / پارامترهای اضافی ظاهر می شوند: استفاده سریع ( استفاده سریع)، پاپ بیرون (مشاهده فونت در پنجره جداگانه) و افزودن به مجموعه.

ما انتخاب میکنیم " استفاده سریع"و ببینید از سمت راستویجت به شکل سرعت سنج. این نشان می دهد که فونت انتخاب شده با چه سرعتی بارگذاری می شود. هر چه عدد این سرعت سنج کمتر باشد بهتر است.

در زیر می توانید یکی از سه گزینه استاندارد، @import یا javascript را برای نصب فونت در سایت انتخاب کنید.

هر گزینه دارای دستورالعمل هایی برای زبان انگلیسینحوه اتصال صحیح فونت به سایت من گزینه اول را به شما نشان خواهم داد " استاندارد"چون ساده تر است.

خط مشخص شده با رنگ قرمز را کپی کنید و سپس آن را در فایل header.php بین تگ ها قرار دهید ….

سپس stylesheet style.css را باز کنید، فونتی را که باید تغییر دهید پیدا کنید و یک فونت جدید بنویسید. فقط نام فونت جدید را می نویسیم. فونت های گوگل را در گیومه قرار دهید، به عنوان مثال، font-family: "Aladin", Arial, Helvetica, Sans-serif.

اگر اصلاً چیزی را متوجه نشدید که من در اینجا به شما گفتم، پس ویدیویی را که در آن با جزئیات به شما می گویم را تماشا کنید. نحوه اتصال فونت گوگل به سایت وردپرس


______________________
به درس 204. اما بدون پلاگین

حامی مطالب.
کولر گازی در فروشگاه اینترنتی http://www.technodom.kz/catalog/konditsionery. دستگاه های تهویه مطبوع - بهترین کالاها، وام دادن، انتخاب بزرگ، خدمات بی عیب و نقص.

عصر بخیر، خوانندگان عزیز. همه شما احتمالاً رویای این را دارید که سایت های خود یا مشتری را مختصر و جذاب تر کنید.

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

یکی از امکانات برای بهبود بصری خوانایی متون، اتصال فونت های شخص ثالث است. از این گذشته، احتمالاً همه می دانند که چه مجموعه استاندارد "فقیری" از فونت های سیریلیک در ویندوز است که وظیفه نمایش متن در مرورگر را بر عهده دارد.

فونت های استاندارد:

Cufon و @ font-face

قبلاً در مورد آن نوشتم که با آن می توانید فونت های غیر استاندارد را به سایت متصل کنید. اکنون بیایید به یک راه ساده تر نگاه کنیم - این قانون font-face @ در css است و خود فونت را از فروشگاه فونت های Google بارگیری می کند.

تفاوت کامل بین Cufon و @ font-face در این است که اولی از js برای شبیه سازی فونت استفاده می کند و نمادها را به وسیله خود ترسیم می کند، در حالی که font-face@ خود فونت را در رایانه بازدیدکننده دانلود می کند و مرورگر قبلاً از آن برای نمایش فونت استفاده می کند. متن

در هر صورت، Cufon و @ font-face سرعت بارگذاری سایت را کاهش می دهند، البته نه به میزان قابل توجهی.

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

من زیاد نقاشی نخواهم کرد و برای مدت طولانی، یک مثال خاص از اتصال فونت های گوگل را با استفاده از این وبلاگ به عنوان مثال می زنم.

همانطور که می بینید، عناوین و زیرعنوان مقالات من با فونت غیر استاندارد هستند، بنابراین اکنون در عمل نحوه انجام این کار را نشان می دهم و شما آن را بر اساس قیاس در سایت های خود امتحان خواهید کرد.

انتخاب فونت در مخزن

برای اینکه نترسم، توضیح خواهم داد - مخزن یک مخزن است، اما به روشی بورژوایی :). و بنابراین، ما به http://www.google.com/fonts/و دنبال یک فونت مناسب برای خودمان بگردیم:

زیاد در منو نیست:
در سمت چپ، همانطور که می بینید، یک بلوک با انواع فیلترهای جستجوی فونت وجود دارد که در آن می توانید به عنوان مثال فقط فونت های لاتین یا سیریلیک را انتخاب کنید. و در بالا تنظیمات برای نمایش نمونه ها که به 4 تب تقسیم می شوند:

  • کلمه- نمایش چندین حرف در این حالت، مقایسه فونت های متعدد به طور همزمان و دیدن شخصیت های خاص بسیار راحت است.
  • جمله- نمایش در قالب یک جمله؛
  • پاراگراف- یک قطعه متن بزرگ نمایش داده می شود که به شما امکان می دهد فونت موجود در خود متن را به صورت بصری مقایسه کنید.
  • پوستر- عناوین نمایش داده می شوند، این روش مقایسه برای انتخاب فونتی که در سرفصل ها استفاده می شود راحت است.


اتصال فونت به سایت

پس از آن در پنل Collection که در پایین است، به تب Use بروید که وظیفه استفاده از فونت های مجموعه شما را بر عهده دارد. در اینجا بلافاصله خواهید دید که گوگل نشان می دهد که سرعت بارگذاری صفحه چقدر کاهش می یابد:

در زیر یک پانل با انتخاب "نوع نمایشگر"، لاتین (لاتین) و سیریلیک (سیریلیک) را انتخاب کنید، که به ما امکان نمایش حروف لاتین و سیریلیک را می دهد:

پس از آن به سومین مورد در این صفحه یعنی خود اتصال می رویم. گوگل سه گزینه برای جاسازی فونت های خود به ما ارائه می دهد - از طریق js، راه استاندارداز طریق اتصال به و @import در فایل css. من از روش دوم استفاده می کنم.

فایل css خود را باز کنید و خطی را که گوگل به ما ارائه کرده است بنویسید:

تمام شد، فونت را از فونت گوگل به سایت وصل کردیم، حالا چگونه از آن استفاده کنیم؟

استفاده در CSS

همه چیز بسیار ساده است، پس از اینکه فونت را از طریق @import وصل کردیم، باید ثبت نام کنیم دستورالعمل استانداردبرای آن دسته از کلاس ها و شاخص هایی که فونت جدید ما برای آنها استفاده خواهد شد. مثلا:

h1، h2، h3 (فونت-خانواده: «Cuprum»، sans-serif؛)

پس از تمام این دستکاری ها، هدرهایی با فونت جدید و غیر استاندارد خواهید داشت.

این همه، از توجه شما متشکرم و به زودی شما را می بینم.