هنگام ایجاد یک سایت وردپرس ، شما باید تمام ابزارهای مناسب را در اختیار داشته باشید تا بتوانید تأثیرگذاری موثری داشته باشید. این شامل تعداد زیادی فونت مدرن است!
با این حال ، ممکن است طرح زمینه وردپرس شما فونت انتخابی را نداشته باشد. یا ممکن است از مواردی که برای شما انتخاب شده اند راضی نباشید.
به دلیل این عوامل ، امکان نصب نصب برخی از قلم های سفارشی ضروری است . امروز در اینجا درباره انواع گزینه های قلم بحث خواهیم کرد. اما ابتدا اجازه دهید موارد فنی را از سر راه خود برداریم.
واقعاً چه چیزی قلم را مدرن می کند؟
قلم های مدرن اصلاً جدید نیستند. این سبک در اصل در قرن هجدهم توسعه یافته است. علیرغم آن ، طراحی آنها در دنیای مدرن همچنان مطرح است. در واقع ، شما آنها را به معنای واقعی کلمه در همه جا می بینید.
بنابراین ، قلم های مدرن چه شکلی هستند؟
فونت های مدرن تیز ، براق ، پررنگ ، حرفه ای و شیک هستند. آنها همچنین اغلب sans serif هستند (اما نه همیشه). طراحی آنها بلافاصله متمایز است و اغلب از آنها در عنوان ها و آرم ها استفاده می شود. آنها می توانند کاملاً شرکتی باشند اما تهاجمی نیستند. بلکه جسور هستند و خواستار توجه هستند.
در اینجا یک نمونه ای از یک سایت نمونه کارها با استفاده از یک فونت مدرن.
توجه داشته باشید که چقدر متراکم و باریک است؟
البته این کلیات است. تایپوگرافی مدرن تکامل یافته است و شما اغلب می توانید نمونه های سبکی بیشتری را نیز پیدا کنید. اما امیدوارم ، این به شما یک ایده کلی از اینکه یک فونت مدرن است (و چرا ممکن است بخواهید از آن استفاده کنید) می دهد.
نحوه بارگذاری فونتهای بارگیری شده در وردپرس
قلم های سفارشی بارگیری شده از وب برای راه اندازی آنها کمی کار اضافی لازم است زیرا شما نمی توانید مانند یک سرویس آنلاین مانند قلم های Google . درعوض ، باید به صورت دستی قلم های خود را بارگذاری کنید یا برای انجام کار از یک افزونه استفاده کنید.
اما قبل از هرگونه بارگذاری ، ابتدا باید مطمئن شوید که فونت های شما از وب آماده هستند. منظور ما از این حرف چیست؟ خوب ، همه قلم ها وب ایمن نیستند یا سازگار با همه مرورگرهای وب مستقیماً از جعبه خارج می شوند.
اما این دردسر بزرگی نیست. فقط کافی است از ابزار Webfont Generator استفاده کنید تا هر قلم سفارشی شما را تغییر دهد به صورت آنلاین در قالب قابل خواندن و استفاده برای همه مرورگرهای وب پیدا شده اید.
تکمیل این مرحله همچنین به بهینه سازی سرعت قلم های شما کمک زیادی می کند . با این حال ، این همه موجود نیست. همچنین باید اطمینان حاصل کنید که فونت های سفارشی شما منابع را نمی خورند یا باعث کاهش سرعت بارگذاری سایت شما نمی شوند ، چند نکته را دنبال کنید:
- بررسی عملکرد . با استفاده از GTmetrix ، تعداد درخواستهای HTTP را کنترل کنید. اگر موارد زیادی وجود داشته باشد ، می تواند به این معنی باشد که سایت شما از فونت های بیشتری استفاده می کند که حتی متوجه شده اید. من درمورد قلمهایی هستم که به صورت خودکار در کنار پلاگین ها و موضوعات نصب می شوند (نه مواردی که به صورت دستی اضافه کرده اید).
- تجزیه و تحلیل خود را بررسی کنید. در اینجا می توانید به کدام قالب های قلم در سایت شما بیشتر دسترسی پیدا کنید. رایج ترین گزینه ها EOT ، TTF ، WOFF و WOFF2 هستند. هنگام بررسی اینکه کدام یک را پشتیبانی کنید ، این می تواند به شما کمک کند که کدام یک را اولویت بندی کنید.
- مطمئن شوید که قلم ها به صورت محلی ذخیره می شوند. اینطور نیست که روز به روز فونت ها را به روز کنید. به این معنی که می توان قلم ها را به راحتی در مرورگرهای بازدید کننده ذخیره کرد. این به مرور زمان تعداد درخواستهای HTTP را محدود می کند.
بارگذاری فونت ها به صورت دستی به کمی مهارت فنی احتیاج دارد اما برای اکثر دارندگان وب سایت دور از دسترس نیست.
- قلم مدرن و دلخواه خود را بارگیری کنید (مثالهای زیادی در زیر).
- پشتیبان گیری از وب سایت خود را ذخیره کنید (شامل کلیه مطالب و پایگاه داده ) و / یا از طرح زمینه کودک a استفاده کنید > برای تغییرات زیر.
- پرونده های قلم را در یک zip. در پوشه wp-content / themes / your-theme-name / fonts بارگذاری کنید. اگر پوشه “قلم” وجود ندارد ، پیش بروید و یکی را ایجاد کنید سپس پرونده قلم .zip خود را در آنجا بارگذاری کنید. برای انجام این کار از هر بسته FTP مورد نظر خود استفاده کنید.
- در داشبورد وردپرس ، به Appearance> Theme Editor بروید و به پرونده style.css
. شما باید یک قطعه کد سفارشی به این فایل اضافه کنید. خانواده قلم و URL مناسب را به قطعه کد اضافه کنید و سپس روی به روز رسانی پرونده کلیک کنید
@ font-face {
font-family: نام قلم شما؛
src: url (http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf)؛
فونت-وزن: طبیعی؛
}
کد بالا فونت را به سایت شما اضافه می کند. بعد ، باید به وردپرس بگویید که کجا باید از فونت استفاده شود. برای آن ، style.css را دوباره باز کنید و از این قطعه کد استفاده کنید:
. عنصر سایت {
font-family: "FONT NAME"، Helvetica، sans-serif؛
}
در این قطعه کد ، شما باید مشخص کنید که قلم برای کدام جنبه از سایت شما استفاده می شود و قبل از به روزرسانی پرونده ، نام قلم را مشخص کنید.
برعکس ، اگر می خواهید از همه این موارد بارگذاری دستی صرف نظر کنید ، می توانید از یک افزونه برای افزودن قلم به وردپرس استفاده کنید. یک گزینه جامع شامل استفاده از هر قلم . همانطور که از نام آن مشخص است ، می توانید از آن برای بارگذاری هرگونه قلم سفارشی در سایت خود و اختصاص دادن آن به عناصر CSS استفاده کنید.
57 مدرن ترین قلم های استفاده شده در سال 2020 h2>
اکنون که با نحوه بهینه سازی و بارگذاری قلم های سفارشی در وردپرس آشنا شدید ، اکنون می توانیم لیستی سالم از قلم ها و گزینه های مدرن را برای انتخاب ارائه دهیم.
1 مقدمه h3>
معرفی یک قلم مدرن با ظاهری استاندارد است که پررنگ ارائه می دهد خطوط و ارائه هایی که به راحتی می توانند برای عنوان یا عنوان استفاده شوند. این خانواده قلم شامل 72 قلم با 8 وزن مختلف از نازک تا ضخیم است و به شما انعطاف پذیری زیادی می دهد.
2. کومودا h3>
گزینه دیگر کومودا است. این فونت متراکم و فوق العاده جالب برای مشاهده است. همه اینها کلمات و دانه های سری با ظاهری چسبناک است که در آن خط میانی هر حرف بالا می رود. و لیگاتورهای آن بیانیه می دهد. یک انتخاب عالی برای آرم در اینجا.
3 استوک h3>
منبع:
https://kinsta.com/blog/modern-fonts/.