কোনও ওয়েবসাইটে মানহীন কিছু ফন্ট যুক্ত করবেন কীভাবে?

518

কোনও ছবিতে ফ্ল্যাশ বা অন্য কোনও গ্রাফিক ব্যবহার না করে কোনও কাস্টম ফন্ট যুক্ত করার কোনও উপায় আছে কি ?

উদাহরণস্বরূপ, আমি একটি বিবাহের ওয়েবসাইটে কাজ করছিলাম এবং আমি এই বিষয়ের জন্য অনেক দুর্দান্ত ফন্ট পেয়েছি। তবে সার্ভারে এই ফন্টটি যুক্ত করার সঠিক উপায় আমি খুঁজে পাচ্ছি না। এবং আমি কীভাবে সেই ফন্টটিকে CSS এর সাথে এইচটিএমএলে অন্তর্ভুক্ত করব? গ্রাফিক্স ছাড়াই এটি করা কি সম্ভব?

— vaske
সূত্র

18

যেহেতু এই প্রশ্নটি জিজ্ঞাসা করা হয়েছিল, তাই @font-faceএটি ব্যাপকভাবে সমর্থিত হয়েছে এবং সাধারণ ব্যবহারের জন্য প্রস্তাবিত। আপনাকে কেবল সচেতন হতে হবে যে অন্য ব্রাউজারগুলিতে আইইয়ের বিভিন্ন ফর্ম্যাটে ফন্ট প্রয়োজন। স্ট্যাকওভারফ্লো

— ডেভিড জনস্টোন

10

আপনার ফন্ট বিতরণের অধিকার আছে তা নিশ্চিত করুন!

— ভিয়েত

2

পরিদর্শন typekit.com , অথবা সস্তা জন্য fontsquirrel.com

— bjudson

1

সম্পর্কিত স্ট্যাকওভারফ্লো.com

— অ্যাড্রিয়েন ২

3

www.foutsquirrel.com প্রয়োজনীয় ফন্ট ফাইলগুলি তৈরি করতে এবং একটি ভাল বুলেট-প্রুফ @ ফন্টফেস সিনট্যাক্স তৈরি করতে (সুপারিশকৃত ফন্টস্রন্টিং / ব্লগ / ফিক্সিং- ie9-font-face-problems এর সমান ) দুর্দান্ত মনে হচ্ছে

— অ্যাড্রিয়েন

500

এটি সিএসএসের মাধ্যমে করা যেতে পারে:

<style type="text/css">
@font-face {
    font-family: "My Custom Font";
    src: url(http://www.example.org/mycustomfont.ttf) format("truetype");
}
p.customfont { 
    font-family: "My Custom Font", Verdana, Tahoma;
}
</style>
<p class="customfont">Hello world!</p>

এটা তোলে হয় নিয়মিত ব্রাউজার সব জন্য সমর্থিত যদি ট্রু টাইপ-ফন্ট (TTF) বা ওয়েব ওপেন ফন্ট ফরম্যাট (WOFF) ব্যবহার করুন।

— ঝুলন্ত
সূত্র

13

ইন্টারনেট এক্সপ্লোরার এবং ফায়ারফক্স উভয়ই ওয়েবকিটের উপর ভিত্তি করে নয়, সুতরাং এটি আমার মতে এটি একেবারেই অকেজো সমাধান।

— ক্যাস্পার

58

এটি স্ট্যান্ডার্ড হওয়ার কারণে এটি অকেজো নয়: আপনি যত বেশি এটি প্রয়োগ করবেন তত সম্ভবত ব্রাউজারগুলি দ্বারা এটি প্রয়োগ করা হবে। এর অর্থ এই নয় যে আপনি ক্ষতিপূরণ করার জন্য অন্য কোনও উপায় খুঁজে পাওয়া উচিত নয়, তবে এটি পরিপূরক হিসাবে ব্যবহার করা আমার কাছে ভাল বলে মনে হচ্ছে।

— ই

8

যদিও ফায়ারফক্স 3.1 @ ফন্ট-ফেস সমর্থন করে।

— Ms2ger

2

@ ব্রেন্ডঞ্জারউইন: আপনার লিঙ্কের আপডেট সংস্করণ - brendanjerwin.com/de વિકાસment

— ম্যাট বল

60

আরে ছেলেরা, কি ধারণা? এখন প্রায় 2016! এটি এখন ব্যাপকভাবে সমর্থিত! হ্যাঁ! খুশি, আমি এই উত্তরটি দেরিতে পেয়েছি। হা হা।

— জেসিকা

121

গুগল ওয়েব ফন্টের মাধ্যমে আপনি কয়েকটি ফন্ট যুক্ত করতে পারেন ।

প্রযুক্তিগতভাবে, ফন্টগুলি গুগলে হোস্ট করা হয় এবং আপনি এগুলি এইচটিএমএল শিরোনামে লিঙ্ক করেন। তারপরে, আপনি এগুলি সিএসএসে অবাধে ব্যবহার করতে পারেন @font-face( এটি সম্পর্কে পড়ুন )।

উদাহরণ স্বরূপ:

ইন <head>অধ্যায়:

 <link href=' http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>

তারপরে সিএসএসে:

h1 { font-family: 'Droid Sans', arial, serif; }

সমাধানটি বেশ নির্ভরযোগ্য বলে মনে হচ্ছে (এমনকি স্ম্যাশিং ম্যাগাজিন এটি নিবন্ধের শিরোনামের জন্য ব্যবহার করে। ) গুগল ফন্ট ডিরেক্টরিতে এখন পর্যন্ত এতগুলি ফন্ট উপলব্ধ নেই ।

— মিশা পাকা
সূত্র

1

জুলাই ২০১৪ এ, গুগল ফন্টগুলি প্রসারিত করেছে এবং গুগল নোটো ফন্টগুলি অন্তর্ভুক্ত করেছে যা বেশিরভাগ ভাষাগুলি সমর্থন করে google.com/get/noto/# । Abobe এই উন্মুক্ত ফন্ট উদ্যোগ সমস্ত ভাষা সমর্থন সমর্থন করে blog.typekit.com/2014/07/15/introducing-source-han-sans

— vsingh

দেখে মনে হচ্ছে (গুগল ওয়েব ফন্ট) .eot এবং .woff এবং .svg ফন্টের সংস্করণ সমর্থন করে না। এটি কেবলমাত্র ফন্টের .tf সংস্করণ সমর্থন করে!

— মাহদী জাজিনি

77

যাওয়ার উপায়টি হ'ল @ ফন্ট-ফেস সিএসএস ঘোষণার ব্যবহার যা লেখকরা তাদের ওয়েব পৃষ্ঠাগুলিতে পাঠ্য প্রদর্শন করতে অনলাইন ফন্টগুলি নির্দিষ্ট করতে দেয়। লেখকদের তাদের নিজস্ব ফন্ট সরবরাহ করার অনুমতি দিয়ে, @ ফন্ট-ফেস ব্যবহারকারীদের তাদের কম্পিউটারে ইনস্টল থাকা সীমিত সংখ্যক ফন্টের উপর নির্ভর করার প্রয়োজনীয়তা হ্রাস করে।

নিম্নলিখিত টেবিলটি একবার দেখুন:

এখানে চিত্র বর্ণনা লিখুন

যেমন আপনি দেখতে পাচ্ছেন, এখানে বেশ কয়েকটি ফর্ম্যাট রয়েছে যা মূলত ক্রস ব্রাউজারের সামঞ্জস্যের কারণে আপনার জানা দরকার। মোবাইল ডিভাইসে দৃশ্যপটটি খুব আলাদা নয়।

সলিউশন:

1 - সম্পূর্ণ ব্রাউজারের সামঞ্জস্য

এই মুহূর্তে গভীর সমর্থন সহ এই পদ্ধতি:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff') format('woff'), /* Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

2 - বেশিরভাগ ব্রাউজার

বিষয়গুলি যদিও ডাব্লুএইউএফএফের দিকে তীব্রভাবে সরে যাচ্ছে, তাই আপনি সম্ভবত এগুলি থেকে দূরে যেতে পারেন:

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('myfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}

3 - শুধুমাত্র সর্বশেষতম ব্রাউজারগুলি

এমনকি কেবল ডাব্লুওএফএফও
আপনি এটির পরে এটি ব্যবহার করুন:

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

তথ্যসূত্র এবং আরও পড়া:

এই বৈশিষ্ট্যটি বাস্তবায়নের বিষয়ে আপনার প্রধানত যা জানা দরকার। আপনি যদি এই বিষয়ে আরও গবেষণা করতে চান তবে আমি নিম্নলিখিত উত্সগুলি একবার দেখে নিতে উত্সাহিত করব। আমি এখানে যা রেখেছি তার বেশিরভাগটি নীচের থেকে নেওয়া হয়েছে

— জাভিয়ের ক্যাডিজ
সূত্র

2

অত্যন্ত কার্যকরী ফন্ট কাঠবিড়ালি সরঞ্জামটি সম্পূর্ণ ব্রাউজার সমর্থনের জন্য প্রয়োজনীয় সিএসএস তৈরি করতে পারে। এমনকি এটি আপনাকে এই ফর্ম্যাটগুলির যে কোনও একটি হিসাবে ফন্ট আপলোড করতে দেয়, এটিকে অন্য সমস্ত ফর্ম্যাটে রূপান্তরিত করে এবং সেগুলি ডাউনলোড করতে দেয়। এটি কাস্টম ফন্টের ক্ষেত্রে লাইফ সেভার।

— জ্যাকব স্ট্যামম

কি svgFontNameদাঁড়াবে? আমি কি এটি আমার ফন্টের পরিবারের নামতে পরিবর্তন করব বা এটি যেমন রেখে দেব?

— গেরম্যান

17

যদি অ-মানক ফন্টের সাহায্যে, আপনি একটি স্ট্যান্ডার্ড ফর্ম্যাটটির কাস্টম হরফ বলতে চাই, আমি এটি কীভাবে করব তা এখানে রয়েছে এবং আমি এখন পর্যন্ত যা যা পরীক্ষা করেছি সমস্ত ব্রাউজারের জন্য এটি কাজ করে:

@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.eot") /* EOT file for IE */
}
@font-face {
    font-family: TempestaSevenCondensed;
    src: url("../fonts/pf_tempesta_seven_condensed.ttf") /* TTF file for CSS3 browsers */
}

সুতরাং আপনার কেবলমাত্র ttf এবং eot উভয় ফন্টের প্রয়োজন। অনলাইন উপলব্ধ কিছু সরঞ্জাম রূপান্তর করতে পারে।

তবে আপনি যদি কোনও মানক বিন্যাসে (বিটম্যাপস ইত্যাদি) ফন্ট সংযুক্ত করতে চান তবে আমি আপনাকে সহায়তা করতে পারি না can't

— BiAiB
সূত্র

1

অনলাইন সরঞ্জাম উদাহরণ: kirsle.net/wizards/ttf2eot.cgi অফলাইন টুল উদাহরণ: code.google.com/p/ttf2eot/wiki/Demo - এটি ব্যবহার করা সম্ভব হওয়া উচিত WOFF ফন্ট।

— উইলফ

11

আমি খুঁজে পেয়েছি যে কোনও ওয়েবসাইটে অ-মানক ফন্টগুলি রাখার সবচেয়ে সহজ উপায় হ'ল এসআইএফআর ব্যবহার করা

এটি কোনও ফ্ল্যাশ অবজেক্টের সাথে জড়িত যা এতে ফন্ট রয়েছে তবে এটি ফ্ল্যাশ ইনস্টলড না থাকলে মানক পাঠ / ফন্টের সাথে দুর্দান্তভাবে হ্রাস করে।

স্টাইলটি আপনার সিএসএসে সেট করা আছে এবং জাভাস্ক্রিপ্ট আপনার পাঠ্যের জন্য ফ্ল্যাশ প্রতিস্থাপন সেট আপ করে।

সম্পাদনা করুন: (এসআইএফআর কোনও প্রকল্পের জন্য সময় যোগ করে এবং রক্ষণাবেক্ষণের প্রয়োজন হতে পারে বলে আমি অ-মানক ফন্টের জন্য চিত্রগুলি ব্যবহার করার পরামর্শ দিই)।

— ঔজ্বল্যহীন
সূত্র

24

কী ভয়ানক ধারণা! আমার ব্রাউজারে ফ্ল্যাশ আছে তবে ফ্ল্যাশ ব্লকও। সেই ওয়েবসাইটে, আমার ব্রাউজারটি একটি ভয়াবহ বিঘ্নিত পৃষ্ঠা প্রদর্শন করে। ফ্ল্যাশ এমন কিছু থাকা উচিত যা আপনি বড় অ্যানিমেশন বা চলচ্চিত্রের জন্য ব্যবহার করেন। খুব ফ্ল্যাশ বিরক্তিকর এবং দৃশ্যমান, আমার আমার ...

— ই-সন্তুষ্ট

2

@ ই-সন্তুষ্ট: কীভাবে? ব্যক্তিগতভাবে, আমি সূক্ষ্ম পাঠ্য রেন্ডারিং পার্থক্যগুলি বাদ দিয়ে SIFR ব্যবহার করে এমন একটি পৃষ্ঠার মধ্যে কোন পার্থক্য লক্ষ্য করি না। আমি মনে করি এটি সত্যিই দুর্দান্ত ধারণা, যদিও @font-faceএটি সমর্থনযোগ্য তবে এটি আরও ভাল।

— সাশা চেদিগোভ

"সম্পাদনা করুন: (এসআইএফআর কোনও প্রকল্পের জন্য সময় যোগ করে এবং রক্ষণাবেক্ষণের প্রয়োজন হতে পারে বলে আমি অ-মানক ফন্টের জন্য চিত্রগুলি ব্যবহার করার পরামর্শ দিই)"। খুব ভাল বলেছেন. এসআইএফআর হ'ল একটি দুর্দান্ত কৌশল তবে এটি আপনার পছন্দসই চেহারাটি দেখতে অনেকগুলি প্রয়োজন বলে মনে হচ্ছে। আপনার যদি এই কৌশলটি শেখার এবং আয়ত্ত করার সময় থাকে তবে আমি এটির সুপারিশ করব। তবে আপনি যদি দ্রুত এবং সহজ ফন্ট-প্রতিস্থাপন কৌশলটি সন্ধান করছেন তবে আমি চিত্র প্রতিস্থাপন বা এমনকি @ ফন্ট-ফেস সিএসএস সম্পত্তি ব্যবহার করব

— ডেরেক অ্যাডায়ার

10

আইই-তে ফন্ট-মুখ নিবন্ধ : ওয়েব ফন্টগুলি তৈরি করা কাজগুলি বলে যে এটি তিনটি প্রধান ব্রাউজারের সাথে কাজ করে।

এখানে আমি কাজ করেছি এমন একটি নমুনা: http://brendanjerwin.com/test_font.html

আরও আলোচনা হ'ল এম্বেডিং ফন্টে ।

— brendanjerwin
সূত্র

10

Typeface.js এবং Cufon দুই অন্যান্য আকর্ষণীয় অপশন আছে। এগুলি জাভাস্ক্রিপ্ট উপাদান যা ইন্টারনেট এক্সপ্লোরার ব্যতীত এবং নতুন ভিএমএলের মাধ্যমে সমস্ত নতুন ব্রাউজারে নতুন <ক্যানভাস> উপাদানটির মাধ্যমে জেএসএন ফর্ম্যাটে বিশেষ ফন্ট ডেটা রেন্ডার করে (যা আপনি তাদের ওয়েবসাইটগুলিতে ট্রু টাইপ বা ওপেনটাইপ ফর্ম্যাট থেকে রূপান্তর করতে পারেন ) via এবং ইন্টারনেট এক্সপ্লোরারটিতে এর ।

উভয়ই (এখনকার হিসাবে) প্রধান সমস্যা হ'ল পাঠ্য নির্বাচন করা কাজ করে না বা কমপক্ষে কেবল বেশ বিশ্রীভাবে কাজ করে।

তবুও, এটি শিরোনামগুলির জন্য খুব সুন্দর। দেহের পাঠ্য ... আমি জানি না।

এবং এটি আশ্চর্যজনকভাবে দ্রুত।

— টমাস
সূত্র

আর একটি আকর্ষণীয় বিকল্প টাইপিকিট.কম অনুরূপ ধারণা।

— জ্যাক

8

অথবা আপনি sIFR চেষ্টা করতে পারেন । আমি জানি এটি ফ্ল্যাশ ব্যবহার করে তবে কেবল যদি তা উপলব্ধ থাকে। যদি ফ্ল্যাশ উপলভ্য না হয় তবে এটি মূল (সিএসএস) ফন্টে মূল পাঠ্যটি প্রদর্শন করে।

— ক্যাসপার
সূত্র

4

ডাব্লু 3 সি যে কৌশলটি করার জন্য সুপারিশ করেছিল তাকে "এম্বেডিং" বলা হয় এবং এখানে তিনটি নিবন্ধ দ্বারা ভালভাবে বর্ণনা করা হয়েছে: এম্বেডিং ফন্টগুলি । আমার সীমিত পরীক্ষায় আমি এই প্রক্রিয়াটিকে ত্রুটিযুক্ত বলে খুঁজে পেয়েছি এবং এটি একটি বহু-ব্রাউজার পরিবেশে কাজ করতে সীমিত সাফল্য পেয়েছে।

— স্টিভ মায়ার
সূত্র

4

সাফারি এবং ইন্টারনেট এক্সপ্লোরার উভয়ই সিএসএস @ ফন্ট-ফেস নিয়মকে সমর্থন করে তবে তারা দুটি পৃথক এমবেডেড ফন্টের প্রকারকে সমর্থন করে। ফায়ারফক্স শীঘ্রই কিছু সময় অ্যাপলের মতো একই ধরণের সহায়তা করার পরিকল্পনা করছে। এসভিজি ফন্টগুলি এম্বেড করতে পারে তবে এটি এখনও ব্যাপকভাবে সমর্থিত নয় (প্লাগিন ছাড়াই)।

আমার মনে হয় যে সর্বাধিক বহনযোগ্য সমাধান আমি দেখেছি তা হ'ল শিরোনাম ইত্যাদি প্রতিস্থাপনের জন্য একটি জাভাস্ক্রিপ্ট ফাংশন ব্যবহার করে আপনার পছন্দের ফন্টের সাহায্যে সার্ভারে ক্যাশে করা এবং ক্যাশে করা - এইভাবে আপনি কেবল টেক্সট আপডেট করেন এবং আপনাকে করতে হবে না ফটোশপে চারপাশে স্টাফ।

— zobier
সূত্র

এটি জাভাস্ক্রিপ্ট দিয়ে করতে হবে না। আমি জানি যে প্রচুর লোক আজকাল বেশ কয়েকটি স্টাফের জন্য জাভাস্ক্রিপ্ট ব্যবহার করতে পছন্দ করে তবে এখানে একটি স্ট্যান্ডার্ড সিএসএস কৌশল আরও উপযুক্ত হতে পারে। দেখুন sitepoint.com/article/header-images-css-xhtml

— hangy

আমি দুঃখিত যদি কোনও বিভ্রান্তি থাকে তবে কৌশলটি চিত্র প্রতিস্থাপনের পদ্ধতিটিকে বোঝায় না যা আপনি বলছেন যে সিএসএস হতে পারে। এটি সার্ভারে একটি নির্দিষ্ট ফন্ট / স্টাইলে প্রদত্ত স্ট্রিংয়ের প্রতিনিধিত্ব করে গ্রাফিক্স উত্পন্ন করার বিষয়ে - ম্যানুয়ালি এগুলি তৈরি করার প্রয়োজনকে বাধ্য করে।

— জোবিয়ার

4

আপনি যদি এএসপি.এনইটি ব্যবহার করেন তবে সার্ভারে প্রকৃত ফন্টগুলি ইনস্টল না করে (ইনস্টল করা ফন্টের ভিত্তিতে যুক্ত হিসাবে) ইমেজ ভিত্তিক ফন্টগুলি তৈরি করা সত্যিই সহজ:

PrivateFontCollection pfont = new PrivateFontCollection();
pfont.AddFontFile(filename);
FontFamily ff = pfont.Families[0];

এবং তারপরে একটি ফন্টের সাথে অঙ্কন করুন Graphics।

— mattlant
সূত্র

1

ঠিক আছে, হ্যাঁ ... এবং আপনি ব্যবহারকারী অনুলিপি এবং আটকানো সম্পর্কে ভুলে যেতে পারেন। পুরানো ব্রাউজারগুলিতে এবং জুম করাও। আমি এমনকি ব্যান্ডউইথ সমস্যা নিয়ে কথা বলি না!

— ই-সন্তুষ্ট

2

হ্যাঁ, ঠিক আছে, এবং প্রশ্নটি নির্দিষ্ট করেছে যে এটি সামগ্রীর পাঠ্যের জন্য এটি ব্যবহার করবে? না এটি হয়নি, এটি একটি সাধারণ প্রশ্ন এবং এটি একটি সাধারণ উত্তর। ছোট ছোট টুকরো টুকরো টুকরো, শিরোনাম, ইত্যাদি প্রচুর পরিমাণে ব্যান্ডউইথ নিতে পারে না। শীশ, ধরো!

— ম্যাটল্যান্ট

3

দেখে মনে হচ্ছে এটি কেবল ইন্টারনেট এক্সপ্লোরারে কাজ করে তবে "এইচটিএমএল এম্বেড ফন্ট" ফলনের জন্য একটি দ্রুত গুগল অনুসন্ধান search http://www.spoono.com/html/tutorials/tutorial.php?id=19

আপনি যদি প্ল্যাটফর্ম-অজোনস্টিক থাকতে চান (এবং আপনার উচিত!) আপনাকে চিত্রগুলি ব্যবহার করতে হবে, অন্যথায় কেবল একটি স্ট্যান্ডার্ড ফন্ট ব্যবহার করতে হবে।

— জেমস মাসকট
সূত্র

3

আমি কিছুটা গবেষণা করেছি এবং ডায়নামিক পাঠ্য প্রতিস্থাপন (2004-06-15 প্রকাশিত) করেছি।

এই কৌশলটি চিত্রগুলি ব্যবহার করে তবে এটি "হাত মুক্ত" বলে মনে হয়। আপনি আপনার পাঠ্যটি লেখেন, এবং কয়েকটি ফ্ল্যাশ-এ আপনাকে স্বয়ংক্রিয় স্ক্রিপ্টগুলি ফ্লাইয়ের জন্য পৃষ্ঠায় সন্ধান এবং প্রতিস্থাপন করতে দেয়।

এর কিছু সীমাবদ্ধতা রয়েছে তবে আমি যা দেখেছি তার তুলনায় এটি সম্ভবত অন্যতম সহজ পছন্দ (এবং আরও ব্রাউজারের সাথে সামঞ্জস্যপূর্ণ)।

— কেন্ট ফ্রেড্রিক
সূত্র

3

উদাহরণস্বরূপ - এটি WOFF ফন্ট ব্যবহার করা সম্ভব হয় এখানে

@font-face {
font-family: 'Plakat Fraktur';
src: url('/resources/fonts/plakat-fraktur-black-modified.woff') format('woff');
font-weight: bold;
font-style: normal;
 }

— উইলফ
সূত্র

3

কেবল এই জাতীয় প্রকৃত ফন্টের লিঙ্কটি সরবরাহ করুন এবং আপনি যেতে ভাল হবে

<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Montserrat'   rel='stylesheet'>
<style>
body {
font-family: 'Montserrat';font-size: 22px;
}
</style>
</head>
<body>

<h1>Montserrat</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>


</body>
</html>

— অভিজিৎ কুমার
সূত্র

একটি ভাল সহজ বিকল্প। এবং এটির ব্যবহারের অধিকার আপনার কাছে নিশ্চিত। দেখুন developers.google.com/fonts/docs/getting_started

— টিম এরিকসন

2

টাইপফেস.জেএস জাভাস্ক্রিপ্ট ওয়ে:

টাইপফেস.জেএস এর সাহায্যে আপনি আপনার ওয়েব পৃষ্ঠাগুলিতে কাস্টম ফন্টগুলি এম্বেড করতে পারেন যাতে আপনাকে চিত্রগুলিতে পাঠ্য রেন্ডার করতে না হয়

আপনার পছন্দসই ফন্টে চিত্রগুলি তৈরি বা ফ্ল্যাশ ব্যবহার করার পরিবর্তে আপনি টাইপফেস.জেএস ব্যবহার করতে পারেন এবং সরল এইচটিএমএল এবং সিএসএসে লিখতে পারেন, ঠিক যেমন আপনার দর্শকদের ফন্টটি স্থানীয়ভাবে ইনস্টল করা আছে।

http://typeface.neocracy.org/

— bakkal
সূত্র

2

সুন্দর ওয়েব টাইপোগ্রাফির 50 টি দরকারী ডিজাইনের সরঞ্জামগুলি নিবন্ধটি দেখুনবিকল্প পদ্ধতির ।

আমি কেবল কুফন ব্যবহার করেছি । আমি এটি নির্ভরযোগ্য এবং ব্যবহার করা খুব সহজ খুঁজে পেয়েছি, তাই আমি এটি দিয়ে আটকেছি।

— ব্লেয়ার
সূত্র

2

আপনার যদি আপনার ফন্টের ফাইল থাকে তবে আপনাকে অন্যান্য ব্রাউজারগুলির জন্য সেই ফন্টের আরও ফর্ম্যাট যুক্ত করতে হবে।

এই উদ্দেশ্যে আমি ফন্টসঙ্করেলের মতো ফন্ট জেনারেটর ব্যবহার করি এটি সমস্ত ফন্ট ফর্ম্যাট এবং তার @ ফন্ট-ফেস সিএসএস সরবরাহ করে, আপনাকে কেবল এটি নিজের সিএসএস ফাইলে টেনে আনতে হবে drop

— saadeez
সূত্র