فونت خودتان در صفحه نصب فونت های جدید در MS Word نحوه استفاده از فونت های نصب شده

ولاد مرژویچ

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

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

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
WOFF	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 را با نام فونت بارگذاری شده تنظیم می کنیم. برای نسخه های قدیمی IE، گزینه های بازگشتی را که با کاما از هم جدا شده اند فهرست می کنیم. در این مورد، فونت عنوان "Comic Sans MS" خواهد بود، زیرا IE8 و پایین تر از فرمت TTF پشتیبانی نمی کند.

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

برنج. 1. هدر با فونت بارگذاری شده

اگر شدیداً به یک فونت florid در 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: local(pompadur)، url(fonts/pompadur.ttf)؛
src: local("bla bla")، url(fonts/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 خود در بالا وارد می کنیم.

آدرس اینترنتی import@(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

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

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

مزایای استفاده از این سرویس به شرح زیر است.

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

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

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

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

بذار بنویسم کد CSS، و سپس آن را توضیح می دهم:

@font-face (
font-family: SpecialFont;
src: url("font/specialfont.ttf");
}
پ(
font-family: SpecialFont;
}

در نتیجه، به برچسب ها

فونت اعمال خواهد شد فونت ویژه. من فکر می کنم کد کاملا شفاف است، اما به هر حال توضیح می دهم. شما باید فونت را دریافت کرده و مثلاً در یک پوشه در وب سایت خود آپلود کنید فونت. بعدی در کد CSSثبت نام در @font-faceنام و مسیر رسیدن به آن، و سپس می توانید از آن استفاده کنید.

اما بی دلیل نیست که در بیشتر موارد از تصاویر برای نمایش فونت های غیر استاندارد استفاده می کنند. در حال استفاده @font-face 2 اشکال دارد:

1. فونت های بسیار بزرگی وجود دارد که صدها کیلوبایت وزن دارند و این زمان بارگذاری صفحه را به طور چشمگیری افزایش می دهد.
2. منفی دوم حتی جدی تر است. همه مرورگرها از این ویژگی پشتیبانی نمی کنندعلاوه بر این، برخی از مرورگرها به فونت با فرمت متفاوت نیاز دارند (نه ttf). بنابراین، برخی افراد هنوز فونت شما را نمی بینند. برای حل این مشکل باید همان فونت را با فرمت های مختلف دانلود کنید که اولین عیب را به شدت افزایش می دهد.

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

منفی دوم نیز چندان مهم نیست. تنها مرورگرهای کم و بیش محبوبی هستند که این کد را درک نمی کنند IE8 و پایین تر، به علاوه iOS. همه مرورگرهای مدرن دیگر این کد را بدون هیچ مشکلی درک خواهند کرد.

با توجه به اینکه IE8هنوز نسبتاً محبوب است، پس من شخصاً فعلاً کنار می کشم فونت های غیر استاندارد هنوز به عنوان تصویر در دسترس هستند، اما من واقعاً امیدوارم در آینده نزدیک این مرورگر به تاریخ تبدیل شود و سپس امکان استفاده وجود داشته باشد فونت @font-face و ttf.

P.S.تعطیلات بهاری را به همه زنان تبریک می گویم.

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

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

هشدار مهم:فونت ها را مانند هر نرم افزار دیگری فقط از سایت های قابل اعتماد دانلود کنید، زیرا بسیاری از آنها ممکن است حاوی ویروس ها و سایر نرم افزارهای مخرب باشند. ایمنی خود و امنیت داده های شخصی خود را فراموش نکنید، فونت های ارائه شده در نصب را دانلود نکنید فایل های EXE، زیرا در واقع آنها در آرشیوهایی توزیع می شوند که حاوی فایل هایی با فرمت های OTF یا TTF هستند که توسط سیستم عامل ویندوز پشتیبانی می شوند.

در اینجا لیستی از منابع امن وجود دارد که می توانید فونت های MS Word و سایر برنامه های سازگار را از آنها دانلود کنید:

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

1. در یکی از سایت هایی که ما ارائه می دهیم (یا روی دیگری که کاملاً به آن اعتماد دارید) فونت مناسبی را انتخاب کنید و آن را دانلود کنید.

2. با فونت(ها) به پوشه ای که آرشیو (یا فقط یک فایل) را دانلود کرده اید بروید. در مورد ما، این دسکتاپ است.

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

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

4. باز کنید.
که در ویندوز 8 - 10با استفاده از کلیدها می توانید این کار را انجام دهید Win+X، جایی که در لیست ظاهر شده باید انتخاب کنید. به جای کلیدها، می توانید روی نماد منو نیز کلیک راست کنید "شروع".

که در ویندوز XP - 7این بخش در منو است "شروع" — .

5. اگر در حالت مشاهده است "دسته بندی ها"، مانند مثال ما، به حالت نمایش نمادهای کوچک بروید - به این ترتیب می توانید به سرعت آیتم مورد نیاز خود را پیدا کنید.

6. مورد را در آنجا پیدا کنید "فونت ها"(به احتمال زیاد یکی از آخرین ها خواهد بود) و روی آن کلیک کنید.

7. پوشه ای با فونت های نصب شده در ویندوز باز می شود. فایل(های) فونتی را که قبلا دانلود و از آرشیو استخراج کرده اید در آن قرار دهید.

مشاوره:به سادگی می توانید آن را (آنها) را با ماوس از پوشه ای به پوشه دیگر بکشید یا از دستورات استفاده کنید Ctrl+C(کپی) یا Ctrl+X(برش) و سپس Ctrl+V(درج).

8. پس از یک فرآیند اولیه سازی کوتاه، فونت بر روی سیستم نصب می شود و در پوشه ای که آن را منتقل کرده اید ظاهر می شود.

توجه داشته باشید:برخی از فونت ها ممکن است از چندین فایل (مثلاً معمولی، ایتالیک و پررنگ) تشکیل شده باشند. در این صورت باید تمامی این فایل ها را در پوشه fonts قرار دهید.

نصب فونت جدید در Word

1. Word را اجرا کنید و یک فونت جدید را در لیست فونت های استاندارد موجود در برنامه پیدا کنید.

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

برای یافتن سریع فونت جدید در MS Word و شروع به استفاده از آن در تایپ کردن، با کلیک بر روی فلش کوچک واقع در گوشه سمت راست پایین این گروه، کادر گفتگوی گروه "Font" را باز کنید.

3. فهرست شده است "فونت"نام فونت جدیدی را که نصب کرده اید پیدا کنید (در مورد ما اینطور است استفاده شخصی Altamonte) و آن را انتخاب کنید.

مشاوره:در پنجره "نمونه"می توانید ببینید که فونت چگونه است. اگر نام فونت را به خاطر نمی آورید، اما آن را به صورت بصری به خاطر بسپارید، به شما کمک می کند سریعتر آن را پیدا کنید.

4. بعد از اینکه کلیک کردید "خوب"در کادر محاوره ای "فونت"، به فونت جدید سوئیچ می کنید و می توانید شروع به استفاده از آن کنید.

جاسازی فونت در یک سند

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

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

توجه داشته باشید:جاسازی یک فونت در یک سند، اندازه سند MS Word را افزایش می دهد.

1. در یک سند Word، به تب بروید "گزینه ها"، که از طریق منو قابل باز شدن است "فایل"(Word 2010 - 2016) یا دکمه "مایکروسافت وورد" (2003 — 2007).

2. در کادر محاوره ای "Options" که در مقابل شما باز می شود، به بخش بروید "حفظ".

3. کادر کنار مورد را علامت بزنید "جاسازی فونت ها در فایل".

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

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

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

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

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

با اریک اسپیکرمن آشنا شوید

اریک اسپیکرمن طراح، استاد آکادمی هنر برمن، عضو شورای طراحی آلمان و رئیس انجمن بین المللی طراحان تایپوگرافی است.

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

اریک اسپیکرمن و معروف ترین عبارت او در مورد تیپ.

اگر تا به حال به آلمان رفته‌اید و سوار قطارهای آلمانی شده‌اید، کتیبه‌ها، نمودارها و علائمی که در ایستگاه‌ها، سکوها و ایستگاه‌ها دیده‌اید با فونت Deutsche Bahn نوشته شده‌اند که توسط اریک اسپیکرمن ایجاد شده است. او همچنین فونت را برای آئودی، طراحی مجله The Economicist ایجاد کرد. و من این کتاب را نوشتم.

زیبایی انتشارات او این است که توسط اریک برای غیر طراحان نوشته شده است. این چیزی است که مردم واقعاً دوست دارند - طراحی و تایپوگرافی به زبان عادی انسان. اسپیکرمن - او به طور کلی پاپ تایپوگرافی و طراحی مدرن است.
ناتالی راتکوفسکی

داخلش چیه؟

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

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

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

نامه هایی با شخصیت

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

فونت برای شک، تعجب، خشم و شادی. تصویر از کتاب

در فونت کلمه joy ("شادی") فرم های باز، ضربات مطمئن و حس پویایی. خوب است که می بینیم برخی از کلمات حاوی توضیحی در حروفی هستند که از آنها ساخته شده اند. این اشکال شل و آسان قطعا شما را به فکر یک فرد شاد و دست باز می اندازد، به خصوص حرف Y.

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

فونت کافکا

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

امروزه با توسعه ابزارهای دیجیتال، فونت های دست نویس غیرعادی تر و شخصی تر شده اند. اکنون می توانید «دست خط» هنرمندان و نویسندگان مشهوری مانند پیکاسو، سزان و فرانتس کافکا را خریداری کنید.

فونت های گروه مستر K. تصویر از کتاب

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

پازل تایپوگرافی

بیا بازی کنیم به نظر شما چه فونتی با هر نوع کفش مطابقت دارد؟

تصویر از کتاب.

کدام فونت را انتخاب کنید

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

این در هنگام انتخاب فونت اتفاق می افتد.

انتخاب فونت مناسب برای یک پیام خاص جالب و در عین حال دشوار است. به غیر از حقایق، چه چیزی را می خواهید در پیام وارد کنید؟ چگونه می خواهید آن را تفسیر کنید، نظر دهید، آن را تزئین کنید؟ اگر فونت "خنثی" مانند Times New Roman را انتخاب کنید، پیام خنثی است.

با فکر کردن به ظاهر پیام، آن را به طریقی تفسیر می کنید.

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

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

پخش کتاب

هنوز در کتاب است

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

• تاریخچه تکامل فونت
• انتخاب فونت برای یک کار خاص
• خوانایی و خوانایی فونت
• چگونه یک فونت کار کند
• ویژگی های فونت صفحه
• روزنامه، مجله، صفحه آرایی کتاب برای متن
• آینده فونت ها
• فهرست ادبیات و وب سایت های تایپوگرافی

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

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

سلام، خوانندگان عزیز!

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

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

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

ممکن است، اما شرایط خاصی دارد.

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

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

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

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

چگونه این مسئله را می توان حل کرد؟

برای این کار باید فونت های لازم را به سایت متصل کنید.

نحوه اتصال فونت برای یک وب سایت

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

در این مقاله نگاهی دقیق تر به روش اول خواهیم داشت.

کار با سرویس فونت گوگل

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

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

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

پس از انتخاب، به آیتم بعدی بروید - دکمه مرور. در صفحه ای که باز می شود، می توانید ببینید که متن چگونه به نظر می رسد و سعی کنید پارامترهای آن را تغییر دهید.

بعد به آخرین نقطه - دکمه می رویم استفاده کنید. در اینجا می توانید کد اتصال فونت به سایت را کپی کنید.

این کد باید در صفحه HTML سایت شما بین تگ ها درج شود<سر> وسر> برای سایت های وردپرسی، این تگ ها در فایل هدر قرار دارند header.php. مرحله 4 کد را برای توصیف سبک CSS کپی می کند.

همانطور که می بینید، من سه گزینه را انتخاب کردم و اگر اکنون کد زیر را در ویرایشگر HTML وردپرس تایپ کنم:

سپس در صفحه به شکل زیر خواهد بود:

این متن به صورت غیر استاندارد قالب بندی شده است. Poiret One.

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

بیایید نگاهی دقیق تر به روش اول بیندازیم. علامت گذاری اسکریپت.

کار با سرویس AllFont.ru

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

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

پس از این می توانید کدهای تعبیه شده را در سایت کپی کنید. همه چیز به همان روشی انجام می شود که در وب سایت فونت های گوگل انجام دادند. من فونت AGZeppelin-Roman را به عنوان نمونه انتخاب کردم، نگاه کنید که چگونه به نظر می رسد.

به بزرگترین کتابخانه AllFont.ru خوش آمدید

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

به زودی میبینمت.