Google ফনà§à¦ à¦à¦à¦¨ সমà§à¦ªà§à¦°à§à¦£à¦°à§à¦ªà§ v2 API à¦à¦ªà¦¡à§à¦à§ পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ সমরà§à¦¥à¦¨ à¦à¦°à§à¥¤ à¦à¦®à¦°à¦¾ বà§à¦¯à¦¾à¦à§à¦¯à¦¾ à¦à¦°à¦¬ à¦à§à¦à¦¾à¦¬à§ à¦à¦à¦ à¦à¦¬à¦ à¦à¦à¦¾à¦§à¦¿à¦ ফনà§à¦ পরিবারà¦à§ à¦à¦² à¦à¦°à¦¤à§ হয় à¦à¦¬à¦ à¦à§à¦à¦¾à¦¬à§ ঠà¦à§à¦·à§à¦° রà§à¦à§à¦ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¤à§ হয়। পরিবরà§à¦¤à¦¨à¦¶à§à¦² হরফà¦à§à¦²à¦¿à¦° মধà§à¦¯à§ à¦à¦à§à¦°à¦à¦¾à¦¬à§ দà§à¦à¦¾à¦° à¦à¦¨à§à¦¯, TypeNetwork-ঠডà§à¦à¦¿à¦¡ বারà§à¦²à§ থà§à¦à§ à¦à¦ à¦à¦¨à§à¦à¦¾à¦°à§à¦à§à¦à¦¿à¦à¦à¦¾à¦¬à§ à¦à¦¿à¦¤à§à¦°à¦¿à¦¤ বà§à¦°à§à¦¶à¦¾à¦°à§à¦° সাথৠà¦à¦°à¦ à¦à¦¾à¦¨à§à¦¨à¥¤
নতà§à¦¨ à¦à¦¿
à¦à¦à¦¿ সব à¦à¦à¦à¦¿ নতà§à¦¨ বà§à¦¸ URL দিয়ৠশà§à¦°à§ হয়:
https://fonts.googleapis.com/css2
পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ 'ডিà¦à¦¾à¦à¦¨ সà§à¦ªà§à¦¸' বরà§à¦£à¦¨à¦¾ à¦à¦°à¦¤à§ পà§à¦°à¦¤à¦¿à¦à¦¿ পরিবারà§à¦° মধà§à¦¯à§ শà§à¦²à§ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¾à¦° à¦à¦¨à§à¦¯ সিনà¦à§à¦¯à¦¾à¦à§à¦¸ পরিবরà§à¦¤à¦¿à¦¤ হয়à§à¦à§à¥¤
à¦à§à¦à¦à¦¸à§à¦à¦¾à¦°à§à¦ à¦à¦¾à¦à¦¡
à¦à¦ à¦à¦à¦à¦à¦¿à¦à¦®à¦à¦²à¦à¦¿ à¦à¦ªà¦¿ à¦à¦°à§ à¦à¦à¦à¦¿ ফাà¦à¦²à§ পà§à¦¸à§à¦ à¦à¦°à§à¦¨:
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro"> <style> body { font-family: 'Crimson Pro', serif; font-size: 48px; } </style> </head> <body> <div>Making the Web Beautiful!</div> </body> </html>
ফাà¦à¦²à¦à¦¿ à¦à§à¦²à¦¾à¦° à¦à¦¨à§à¦¯ à¦à¦à¦à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦° বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§, পà§à¦·à§à¦ াà¦à¦¿à¦à§ à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ ফনà§à¦à§ "মà§à¦à¦¿à¦ দà§à¦¯ à¦à¦¯à¦¼à§à¦¬ বিà¦à¦à¦¿à¦«à§à¦²" লà§à¦à¦¾à¦à¦¿ রà§à¦¨à§à¦¡à¦¾à¦° à¦à¦°à¦¾ à¦à¦à¦¿à¦¤à¥¤
à¦à¦à¦¾à¦§à¦¿à¦ পরিবার
à¦à¦à¦¾à¦§à¦¿à¦ পরিবারà§à¦° à¦
নà§à¦°à§à¦§ à¦à¦°à¦¤à§, পà§à¦°à¦¤à¦¿à¦à¦¿ পরিবারà§à¦° à¦à¦¨à§à¦¯ family=
param à¦à¦²à§à¦²à§à¦ à¦à¦°à§à¦¨à¥¤
à¦à¦¦à¦¾à¦¹à¦°à¦£à¦¸à§à¦¬à¦°à§à¦ª, à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ à¦à¦¬à¦ লিà¦à¦¾à¦°à¦à¦¾ ফনà§à¦à¦à§à¦²à¦¿à¦° à¦à¦¨à§à¦¯ ঠনà§à¦°à§à¦§ à¦à¦°à¦¤à§:
https://fonts.googleapis.com/css2?family=Crimson+Pro&family=Literata
à¦à¦ à¦à¦à¦à¦à¦¿à¦à¦®à¦à¦²à¦à¦¿ à¦à¦ªà¦¿ à¦à¦°à§ à¦à¦à¦à¦¿ ফাà¦à¦²à§ পà§à¦¸à§à¦ à¦à¦°à§à¦¨:
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Crimson+Pro&family=Literata"> <style> body { font-size: 48px; } div:nth-child(1) { font-family: 'Crimson Pro', serif; } div:nth-child(2) { font-family: 'Literataâ, serif; } </style> </head> <body> <div>Making the Web Beautiful!</div> <div>Making the Web Beautiful!</div> </body> </html>
ফাà¦à¦²à¦à¦¿ à¦à§à¦²à¦¾à¦° à¦à¦¨à§à¦¯ à¦à¦à¦à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦° বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§, পà§à¦·à§à¦ াà¦à¦¿à¦° পাঠà§à¦¯ রà§à¦¨à§à¦¡à¦¾à¦° à¦à¦°à¦¾ à¦à¦à¦¿à¦¤, "মà§à¦à¦¿à¦ দà§à¦¯ à¦à¦¯à¦¼à§à¦¬ বিà¦à¦à¦¿à¦«à§à¦²", পà§à¦°à¦¥à¦®à§ à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§à¦¤à§ তারপর লিà¦à¦¾à¦°à¦à¦¾à¦¤à§à¥¤
ঠà¦à§à¦· রà§à¦à§à¦
পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦à¦à§à¦²à¦¿ পà§à¦°à¦¾à¦¯à¦¼à¦¶à¦ ঠতিরিà¦à§à¦¤ লà§à¦à§à¦¨à§à¦¸à¦¿ à¦à¦¾à¦¡à¦¼à¦¾à¦ à¦à§à¦°à¦®à¦¾à¦à¦¤ শà§à¦²à§à¦° রà§à¦à§à¦ ঠফার à¦à¦°à§à¥¤ à¦à¦à¦¿ পà§à¦°à¦¤à¦¿à¦à§à¦°à¦¿à¦¯à¦¼à¦¾à¦¶à§à¦² ডিà¦à¦¾à¦à¦¨à§à¦° à¦à¦¨à§à¦¯ পà§à¦°à¦¾à¦¸à¦à§à¦à¦¿à¦à¥¤ à¦à¦ à¦à¦¤à¦¿à¦¶à§à¦² à¦à¦¾à¦à¦ªà§à¦à§à¦°à¦¾à¦«à¦¿ à¦à¦à¦à¦¿ পà§à¦·à§à¦ ায় 100 থà§à¦à§ 900 à¦à¦° মধà§à¦¯à§ সমসà§à¦¤ à¦à¦à¦¨ ঠফার à¦à¦°à§ à¦à¦¬à¦ à¦à¦¿à¦à§ শরà§à¦¤à§à¦° à¦à¦ªà¦° à¦à¦¿à¦¤à§à¦¤à¦¿ à¦à¦°à§ পà§à¦°à¦¤à¦¿à¦à§à¦°à¦¿à¦¯à¦¼à¦¾à¦¶à§à¦²à¦à¦¾à¦¬à§ à¦à¦à¦¨à§à¦° পরিবরà§à¦¤à¦¨ à¦à¦°à§ শà§à¦²à§à¦° à¦à§à¦°à¦®à¦¾à¦à¦¤ পরিসর বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¥¤
à¦à¦à¦à¦¿ পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ à¦
à¦à§à¦·à§à¦° à¦à¦à¦à¦¿ পরিসরà§à¦° à¦
নà§à¦°à§à¦§ à¦à¦°à¦¤à§, ..
à¦à¦° সাথৠ2à¦à¦¿ মান যà§à¦ à¦à¦°à§à¦¨
হরফ(à¦à§à¦²à¦¿) | ঠনà§à¦°à§à¦§ |
---|---|
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ [ wght 200-900 ] | https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900 |
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ à¦à¦à¦¾à¦²à¦¿à¦ [ wght 200-900 ] | https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@1,200..900 |
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ বà§à¦²à§à¦¡ à¦à¦à¦¾à¦²à¦¿à¦ à¦à¦¬à¦ [ wght 200-900 ] | https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,700 |
সà§à¦¬à¦¤à¦¨à§à¦¤à§à¦° শà§à¦²à§, যà§à¦®à¦¨ à¦à¦à¦¨
শà§à¦²à§ নিরà§à¦¦à¦¿à¦·à§à¦à¦à¦°à¦£ à¦à¦¾à¦¡à¦¼à¦¾, API ঠনà§à¦°à§à¦§ à¦à¦°à¦¾ পরিবারà§à¦° ডিফলà§à¦ শà§à¦²à§ পà§à¦°à¦¦à¦¾à¦¨ à¦à¦°à§à¥¤ ঠনà§à¦¯à¦¾à¦¨à§à¦¯ সà§à¦¬à¦¤à¦¨à§à¦¤à§à¦° শà§à¦²à§à¦° ঠনà§à¦°à§à¦§ à¦à¦°à¦¤à§, যà§à¦®à¦¨ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦à¦¨, ফনà§à¦ পরিবারà§à¦° নামà§à¦° পরৠà¦à¦à¦à¦¿ à¦à§à¦²à¦¨ (:) যà§à¦à§à¦¤ à¦à¦°à§à¦¨, তারপরৠবরà§à¦£à¦¾à¦¨à§à¦à§à¦°à¦®à¦¿à¦ à¦à§à¦°à¦®à§ ঠà¦à§à¦· সমà§à¦ªà¦¤à§à¦¤à¦¿ à¦à§à¦à¦¯à¦¼à¦¾à¦°à§à¦¡à¦à§à¦²à¦¿à¦° à¦à¦à¦à¦¿ তালিà¦à¦¾, à¦à¦à¦à¦¿ à¦à¦¿à¦¹à§à¦¨ (@), à¦à¦¬à¦ à¦à¦° à¦à¦ বা à¦à¦à¦¾à¦§à¦¿à¦ তালিà¦à¦¾ ঠà¦à§à¦· বà§à¦¶à¦¿à¦·à§à¦à§à¦¯à§à¦° à¦à¦¨à§à¦¯ মান।
à¦à¦ à¦à¦¦à¦¾à¦¹à¦°à¦£à¦à§à¦²à¦¿ à¦à¦°à§à¦®à§ à¦à¦à¦¿ দà§à¦à¦¾à¦¯à¦¼à¥¤
হরফ(à¦à§à¦²à¦¿) | ঠনà§à¦°à§à¦§ |
---|---|
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ (ডিফলà§à¦) | https://fonts.googleapis.com/css2?family=Crimson+Pro |
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ বà§à¦²à§à¦¡ | https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@700 |
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ নিয়মিত à¦à¦¬à¦ সাহসৠ| https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;700 |
à¦à§à¦°à¦¿à¦®à¦¸à¦¨ পà§à¦°à§ বà§à¦²à§à¦¡ à¦à¦¬à¦ বà§à¦²à§à¦¡ à¦à¦à¦¾à¦²à¦¿à¦ | https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,700;1,700 |
Google ফনà§à¦ পà§à¦°à¦¤à¦¿à¦à¦¿ ফনà§à¦ পরিবারà§à¦° à¦à¦¨à§à¦¯ à¦à¦ªà¦²à¦¬à§à¦§ সমসà§à¦¤ শà§à¦²à§ তালিà¦à¦¾à¦à§à¦à§à¦¤ à¦à¦°à§à¥¤
ডিফলà§à¦ শà§à¦²à§
যà¦à¦¨ à¦à¦à¦à¦¿ ঠনà§à¦°à§à¦§ à¦à¦à¦à¦¿ ঠà¦à§à¦·à§à¦° à¦à¦¨à§à¦¯ à¦à¦à¦à¦¿ ঠবসà§à¦¥à¦¾à¦¨ বা বà§à¦¯à¦¾à¦ªà§à¦¤à¦¿ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à§ না, তà¦à¦¨ ডিফলà§à¦ ঠবসà§à¦¥à¦¾à¦¨ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦¾ হবà§à§· à¦à¦à¦¾à¦²à¦¿à¦ ঠà¦à§à¦·à§à¦° ডিফলà§à¦ ঠবসà§à¦¥à¦¾à¦¨ হল 0 (সà§à¦¬à¦¾à¦à¦¾à¦¬à¦¿à¦) à¦à¦¬à¦ à¦à¦à¦¨ ঠà¦à§à¦·à§à¦° à¦à¦¨à§à¦¯ ডিফলà§à¦ হল 400 (নিয়মিত)।
ডিফলà§à¦ ঠবসà§à¦¥à¦¾à¦¨ নà§à¦ à¦à¦®à¦¨ ঠà¦à§à¦· সহ পরিবারà¦à§à¦²à¦¿à¦° à¦à¦¨à§à¦¯, সà§à¦ ঠà¦à§à¦·à¦à§à¦²à¦¿à¦° ঠবসà§à¦¥à¦¾à¦¨ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à§ না à¦à¦®à¦¨ ঠনà§à¦°à§à¦§à¦à§à¦²à¦¿ বà§à¦¯à¦°à§à¦¥ হবà§à§· à¦à¦¦à¦¾à¦¹à¦°à¦£à¦¸à§à¦¬à¦°à§à¦ª, 500 থà§à¦à§ 900 পরà§à¦¯à¦¨à§à¦¤ à¦à¦à¦¨à§à¦° ঠà¦à§à¦· সহ à¦à¦à¦à¦¿ পরিবারà¦à§ ঠনà§à¦°à§à¦§ à¦à¦°à¦¾à¦° সময়, à¦à¦à¦¨à§à¦° ঠবসà§à¦¥à¦¾à¦¨ ঠবশà§à¦¯à¦ à¦à¦²à§à¦²à§à¦ à¦à¦°à¦¤à§ হবà§à¥¤
ঠ-মানঠà¦à¦à¦¨
সà§à¦à§à¦¯à¦¾à¦à¦¿à¦ ফনà§à¦à§à¦° সাথà§, à¦à¦à¦¨à§à¦° শà§à¦²à§à¦à§à¦²à¦¿ সাধারণত 100 à¦à¦° à¦à§à¦£à¦¿à¦¤à¦ হিসাবৠনিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¾ হয় (যà§à¦®à¦¨ 300, 400, 700)। পরিবরà§à¦¤à¦¨à¦¶à§à¦² হরফà¦à§à¦²à¦¿ মানঠà¦à¦à¦¨ à¦à¦¬à¦ মধà§à¦¯à¦¬à¦°à§à¦¤à§ à¦à¦à¦¨ à¦à¦à¦¯à¦¼à¦ ঠফার à¦à¦°à§à¥¤ à¦à¦à¦à¦¿ মধà§à¦¯à¦¬à¦°à§à¦¤à§ à¦à¦à¦¨ রà§à¦¨à§à¦¡à¦¾à¦° à¦à¦°à¦¤à§:
https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@450
লà§à¦à§à¦¨à§à¦¸à¦¿ à¦à¦¬à¦ ফাà¦à¦²à§à¦° à¦à¦à¦¾à¦°à§à¦° à¦à¦¨à§à¦¯ ঠপà§à¦à¦¿à¦®à¦¾à¦à¦ à¦à¦°à¦¾
à¦à¦ªà¦¨à¦¿ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦à§à¦¨ শà§à¦²à§ সমà§à¦ªà¦°à§à¦à§ সà§à¦¨à¦¿à¦°à§à¦¦à¦¿à¦·à§à¦ হন. API ঠনà§à¦°à§à¦§ à¦à¦°à¦¾ শà§à¦²à§à¦à§à¦²à¦¿à¦à§ ফনà§à¦à§à¦° সবà¦à§à¦¯à¦¼à§ à¦à¦®à¦ªà§à¦¯à¦¾à¦à§à¦ সà§à¦à§ সরবরাহ à¦à¦°à§à¥¤ ঠবà§à¦¯à¦¬à¦¹à§à¦¤ শà§à¦²à§à¦° ঠনà§à¦°à§à¦§ à¦à¦°à¦¾à¦° ফলৠà¦à¦ªà¦¨à¦¾à¦° বà§à¦¯à¦¬à¦¹à¦¾à¦°à¦à¦¾à¦°à§à¦°à¦¾ তাদà§à¦° পà§à¦°à¦¯à¦¼à§à¦à¦¨à§à¦° à¦à§à¦¯à¦¼à§ বà§à¦¶à¦¿ ফনà§à¦ ডà§à¦à¦¾ ডাà¦à¦¨à¦²à§à¦¡ à¦à¦°à¦¤à§ পারà§, যার ফলৠà¦à¦°à¦ বিলমà§à¦¬à¦¿à¦¤ হতৠপারà§à¥¤ à¦à¦ªà¦¨à¦¿ যদি শà§à¦§à§à¦®à¦¾à¦¤à§à¦° 3à¦à¦¿ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦à¦¨ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨, তবৠà¦à¦ªà¦¨à¦¾à¦° ঠনà§à¦°à§à¦§à§ সà§à¦à§à¦²à¦¿à¦à§ পà§à¦¥à¦ শà§à¦²à§ হিসাবৠà¦à¦²à§à¦²à§à¦ à¦à¦°à§à¦¨à§· যদি à¦à¦ªà¦¨à¦¿ à¦à¦à¦à¦¿ à¦à§à¦°à¦®à¦¾à¦à¦¤ à¦à¦à¦¨ পরিসà§à¦®à¦¾ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨, à¦à¦ªà¦¨à¦¾à¦° ঠনà§à¦°à§à¦§à§ সà§à¦ à¦à¦à¦¨ পরিসà§à¦®à¦¾ নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à§à¦¨à¥¤
ফনà§à¦-ডিসপà§à¦²à§ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨
ফনà§à¦-ডিসপà§à¦²à§ পà§à¦°à¦ªà¦¾à¦°à§à¦à¦¿ à¦à¦ªà¦¨à¦¾à¦à§ ফনà§à¦à¦à¦¿ à¦à¦à¦¨à¦ লà§à¦¡ হà¦à¦¯à¦¼à¦¾à¦° সময় বা à¦
নà§à¦¯à¦¥à¦¾à¦¯à¦¼ à¦
নà§à¦ªà¦²à¦¬à§à¦§ à¦
বসà§à¦¥à¦¾à¦¯à¦¼ à¦à§ à¦à¦à¦¬à§ তা নিয়নà§à¦¤à§à¦°à¦£ à¦à¦°à¦¤à§ দà§à¦¯à¦¼à¥¤ ডিফলà§à¦ auto
বà§à¦¯à¦¤à§à¦¤ à¦
নà§à¦¯ à¦à¦à¦à¦¿ মান নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¾ সাধারণত à¦à¦ªà¦¯à§à¦à§à¦¤à¥¤
display
পà§à¦¯à¦¾à¦°à¦¾à¦®à¦¿à¦à¦¾à¦°à§ পà¦à¦¨à§à¦¦à¦¸à¦ মানà¦à¦¿ পাস à¦à¦°à§à¦¨:
https://fonts.googleapis.com/css2?family=Crimson+Pro&display=swap
à¦à¦ªà¦¨à¦¾à¦° ফনà§à¦ ঠনà§à¦°à§à¦§ ঠপà§à¦à¦¿à¦®à¦¾à¦à¦ à¦à¦°à¦¾
পà§à¦°à¦¾à¦¯à¦¼à¦¶à¦, à¦à¦ªà¦¨à¦¿ যà¦à¦¨ à¦à¦ªà¦¨à¦¾à¦° সাà¦à¦ বা ঠà§à¦¯à¦¾à¦ªà§à¦²à¦¿à¦à§à¦¶à¦¨à§ à¦à¦à¦à¦¿ à¦à¦¯à¦¼à§à¦¬ ফনà§à¦ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦¤à§ à¦à¦¾à¦¨, à¦à¦ªà¦¨à¦¿ à¦à¦à§ থà§à¦à§à¦ à¦à¦¾à¦¨à§à¦¨ যৠà¦à¦ªà¦¨à¦¾à¦° à¦à§à¦¨ ঠà¦à§à¦·à¦°à¦à§à¦²à¦¿à¦° পà§à¦°à¦¯à¦¼à§à¦à¦¨ হবà§à§· à¦à¦à¦¿ পà§à¦°à¦¾à¦¯à¦¼à¦ à¦à¦à§ যà¦à¦¨ à¦à¦ªà¦¨à¦¿ à¦à¦à¦à¦¿ লà§à¦à§ বা শিরà§à¦¨à¦¾à¦®à§ à¦à¦à¦à¦¿ à¦à¦¯à¦¼à§à¦¬ ফনà§à¦ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦à§à¦¨à¥¤
à¦à¦ à¦à§à¦·à§à¦¤à§à¦°à§, à¦à¦ªà¦¨à¦¾à¦° ফনà§à¦ à¦
নà§à¦°à§à¦§ URL-ঠà¦à¦à¦à¦¿ text=
মান à¦à¦²à§à¦²à§à¦ à¦à¦°à¦¾à¦° à¦à¦¥à¦¾ বিবà§à¦à¦¨à¦¾ à¦à¦°à¦¾ à¦à¦à¦¿à¦¤à¥¤ à¦à¦à¦¿ Google ফনà§à¦à¦à§ à¦à¦ªà¦¨à¦¾à¦° à¦
নà§à¦°à§à¦§à§à¦° à¦à¦¨à§à¦¯ à¦
পà§à¦à¦¿à¦®à¦¾à¦à¦ à¦à¦°à¦¾ à¦à¦à¦à¦¿ ফনà§à¦ ফাà¦à¦² ফà§à¦°à¦¤ দà§à¦à¦¯à¦¼à¦¾à¦° à¦
নà§à¦®à¦¤à¦¿ দà§à¦¯à¦¼à§· à¦à¦¿à¦à§ à¦à§à¦·à§à¦¤à§à¦°à§, à¦à¦à¦¿ ফনà§à¦ ফাà¦à¦²à§à¦° à¦à¦à¦¾à¦° 90% পরà§à¦¯à¦¨à§à¦¤ à¦à¦®à¦¾à¦¤à§ পারà§à¥¤
à¦à¦ বà§à¦¶à¦¿à¦·à§à¦à§à¦¯à¦à¦¿ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦¤à§, à¦à¦ªà¦¨à¦¾à¦° API à¦
নà§à¦°à§à¦§à§ text=
যà§à¦ à¦à¦°à§à¦¨à¥¤ à¦à¦¦à¦¾à¦¹à¦°à¦£à¦¸à§à¦¬à¦°à§à¦ª, যদি à¦à¦ªà¦¨à¦¿ শà§à¦§à§à¦®à¦¾à¦¤à§à¦° à¦à¦ªà¦¨à¦¾à¦° বà§à¦²à¦à§à¦° শিরà§à¦¨à¦¾à¦®à§à¦° à¦à¦¨à§à¦¯ Inconsolata বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨, তাহলৠà¦à¦ªà¦¨à¦¿ শিরà§à¦¨à¦¾à¦®à¦à¦¿à¦à§à¦ text=
à¦à¦° মান হিসাবৠরাà¦à¦¤à§ পারà§à¦¨à¥¤ à¦
নà§à¦°à§à¦§à¦à¦¿ দà§à¦à¦¤à§ à¦à§à¦®à¦¨ হবৠতা à¦à¦à¦¾à¦¨à§:
https://fonts.googleapis.com/css2?family=Comfortaa&text=Hello
সমসà§à¦¤ à¦à§à¦¯à§à¦¯à¦¼à¦¾à¦°à§ সà§à¦à§à¦°à¦¿à¦à¦à§à¦²à¦¿à¦° মতà§, à¦à¦ªà¦¨à¦¾à¦° মানà¦à¦¿à¦à§ URL-à¦à¦¨à¦à§à¦¡ à¦à¦°à¦¾ à¦à¦à¦¿à¦¤:
https://fonts.googleapis.com/css2?family=Comfortaa&text=Hello%20World
à¦à¦ বà§à¦¶à¦¿à¦·à§à¦à§à¦¯à¦à¦¿ à¦à¦¨à§à¦¤à¦°à§à¦à¦¾à¦¤à¦¿à¦ ফনà§à¦à¦à§à¦²à¦¿à¦° à¦à¦¨à§à¦¯à¦ à¦à¦¾à¦ à¦à¦°à§, যা à¦à¦ªà¦¨à¦¾à¦à§ UTF-8 ঠà¦à§à¦·à¦° নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¾à¦° ঠনà§à¦®à¦¤à¦¿ দà§à¦¯à¦¼à¥¤ à¦à¦¦à¦¾à¦¹à¦°à¦£à¦¸à§à¦¬à¦°à§à¦ª, হà§à¦²à¦¾! হিসাবৠপà§à¦°à¦¤à¦¿à¦¨à¦¿à¦§à¦¿à¦¤à§à¦¬ à¦à¦°à¦¾ হয়:
https://fonts.googleapis.com/css2?family=Comfortaa&text=%c2%a1Hola!
ঠনà§à¦à§à¦°à¦¹ à¦à¦°à§ মনৠরাà¦à¦¬à§à¦¨ যৠ'text=' পà§à¦¯à¦¾à¦°à¦¾à¦®à¦¿à¦à¦¾à¦° শà§à¦§à§à¦®à¦¾à¦¤à§à¦° à¦à¦à¦¬à¦¾à¦° নিরà§à¦¦à¦¿à¦·à§à¦ à¦à¦°à¦¾ যà§à¦¤à§ পারà§à¥¤ à¦à¦à¦¿ ঠনà§à¦°à§à¦§à§ সমসà§à¦¤ পরিবারà§à¦° à¦à¦¨à§à¦¯ পà§à¦°à¦¯à§à¦à§à¦¯à¥¤ à¦à¦ªà¦¨à¦¾à¦° যদি à¦à¦à¦¾à¦§à¦¿à¦ পরিবার à¦à§à¦¡à¦¼à§ বিà¦à¦¿à¦¨à§à¦¨ পাঠà§à¦¯ ঠপà§à¦à¦¿à¦®à¦¾à¦à¦à§à¦¶à¦¨à§à¦° পà§à¦°à¦¯à¦¼à§à¦à¦¨ হয় তবৠঠনà§à¦à§à¦°à¦¹ à¦à¦°à§ পà§à¦¥à¦ API ঠনà§à¦°à§à¦§à¦à§à¦²à¦¿ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨à§·
API URL à¦à¦ ন à¦à¦°à¦¾
à¦à¦ à§à¦°à¦¤à¦¾
à¦à¦à¦à¦¿ সাধারণ নà§à¦ হিসাবà§, à¦à¦ªà¦¡à§à¦ à¦à¦°à¦¾ CSS API মà§à¦² CSS API à¦à¦° à¦à§à¦¯à¦¼à§ à¦à§à¦¨ ঠনà§à¦°à§à¦§à¦à§à¦²à¦¿ à¦à§à¦°à¦¹à¦£ à¦à¦°à¦¾ হয় সৠসমà§à¦ªà¦°à§à¦à§ à¦à¦°à¦ à¦à¦ à§à¦°à¥¤
সাধারণ নিরà§à¦¦à§à¦¶à¦¿à¦à¦¾:
- à¦
à¦à§à¦·à¦à§à¦²à¦¿à¦à§ বরà§à¦£à¦¾à¦¨à§à¦à§à¦°à¦®à¦¿à¦à¦à¦¾à¦¬à§ তালিà¦à¦¾à¦à§à¦à§à¦¤ à¦à¦°à§à¦¨ (
en-US
লà§à¦à§à¦²) - ঠà¦à§à¦· মান à¦à§à¦°à§à¦ª (ঠরà§à¦¥à¦¾à§ tuples) সাà¦à¦à§à¦¯à¦¿à¦à¦à¦¾à¦¬à§ সাà¦à¦¾à¦¨à§ পà§à¦°à¦¯à¦¼à§à¦à¦¨
- Tuples à¦à¦à¦¾à¦°à¦²à§à¦¯à¦¾à¦ª বা সà§à¦ªà¦°à§à¦¶ à¦à¦°à¦¤à§ পারৠনা (যà§à¦®à¦¨
wght
400..500 à¦à¦¬à¦ 500..600)
API URL সà§à¦ªà§à¦¸à¦¿à¦«à¦¿à¦à§à¦¶à¦¨
/css2?family=<spec>[&family=<spec>...][&text=<text>][&display=<display>]
spec
: <family_name>[:<axis_tag_list>@<axis_tuple_list>]
family_name
: ফনà§à¦ পরিবারà§à¦° নাম
axis_tag_list
: <axis>[,<axis>...] // Sorted alphabetically (en-US locale)
axis
: à¦à¦à¦à¦¿ à¦
à¦à§à¦· à¦à§à¦¯à¦¾à¦, যà§à¦®à¦¨ ital
, wdth
, wght
axis_tuple_list
: <axis_tuple>[;<axis_tuple>...]
axis_tuple
: <value>[,<value>...] // Same length as axis_tag_list
value
: <range>
| <float>
range
: <float>..<float>
float
: সà¦à¦¶à§à¦²à¦¿à¦·à§à¦ à¦
à¦à§à¦·à§à¦° সà§à¦®à¦¾à¦° মধà§à¦¯à§ à¦à¦à¦à¦¿ মান
text
: à¦
নà§à¦°à§à¦§ à¦à¦°à¦¾ à¦à¦¾à¦à¦ªà¦«à§à¦¸à§ পà§à¦°à¦¦à¦°à§à¦¶à¦¿à¦¤ পাঠà§à¦¯
display
: auto
| block
| swap
| fallback
| optional
লিà¦à§à¦¯à¦¾à¦¸à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦° সমরà§à¦¥à¦¨
পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ সমরà§à¦¥à¦¨ à¦à¦¾à¦¡à¦¼à¦¾ বà§à¦°à¦¾à¦à¦à¦¾à¦°à¦à§à¦²à¦¿ à¦à¦ªà¦¨à¦¾à¦° ডিà¦à¦¾à¦à¦¨à¦à§ à¦à¦¦à§à¦¦à§à¦¶à§à¦¯ ঠনà§à¦¯à¦¾à¦¯à¦¼à§ পà§à¦°à¦¦à¦°à§à¦¶à¦¨ à¦à¦°à¦¤à§ সà¦à§à¦·à¦® নাঠহতৠপারà§à¥¤ à¦à§à¦¯à¦¾à¦¨à¦¿à¦à¦¸à§ বà§à¦°à¦¾à¦à¦à¦¾à¦°à¦à§à¦²à¦¿à¦° পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ সমরà§à¦¥à¦¨ পরà§à¦à§à¦·à¦¾ à¦à¦°à§à¦¨à¥¤
পà§à¦°à¦à¦¤à¦¿à¦¶à§à¦² বরà§à¦§à¦¨ à¦
নà§à¦¶à§à¦²à¦¨ à¦à¦°à§, à¦à¦ªà¦¨à¦¿ সà§à¦ পà§à¦°à¦¾à¦¨à§ বà§à¦°à¦¾à¦à¦à¦¾à¦°à¦à§à¦²à¦¿à¦¤à§ à¦
পà§à¦°à¦¤à§à¦¯à¦¾à¦¶à¦¿à¦¤ à¦à¦à¦°à¦£ à¦à¦¡à¦¼à¦¾à¦¤à§ পারà§à¦¨à¥¤ পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ বà§à¦¶à¦¿à¦·à§à¦à§à¦¯ à¦à§à¦ à¦à¦°à¦¤à§ à¦à¦ªà¦¨à¦¾à¦° CSS-ঠ@supports
à¦à§à¦¯à¦¼à§à¦°à¦¿ বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à§à¦¨à¥¤
à¦à¦ à¦à¦¦à¦¾à¦¹à¦°à¦£à§, à¦à¦®à¦°à¦¾ মারà§à¦à¦¾à¦à¦¿ পাঠà§à¦¯à§à¦° à¦à¦à¦¨ 450 বà§à¦¯à¦¬à¦¹à¦¾à¦° à¦à¦°à¦¤à§ à¦à¦¾à¦, à¦à¦¿à¦¨à§à¦¤à§ পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦ বà§à¦¶à¦¿à¦·à§à¦à§à¦¯à¦à§à¦²à¦¿ সমরà§à¦¥à¦¿à¦¤ না হলৠনিয়মিত (à¦à¦à¦¨ 400) বা মাà¦à¦¾à¦°à¦¿ (à¦à¦à¦¨ 500) ঠফিরৠযà§à¦¤à§ হবà§:
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Markazi+Text:wght@450" />
<style>
* {
font-family: 'Markazi Text';
font-weight: 400;
}
@supports (font-variation-settings: "wght" 450) {
* {
font-family: 'Markazi Text';
font-weight: 450;
}
}
</style>
CSS à¦
নà§à¦°à§à¦§ Markazi+Text:wght@450
à¦à§à¦²à¦¾à¦¯à¦¼à§à¦¨à§à¦à¦¦à§à¦° à¦à¦¾à¦à§ à¦à¦à¦¨ 450 পাঠায় যারা à¦à§à¦°à¦¿à¦¯à¦¼à§à¦¬à¦² ফনà§à¦ সমরà§à¦¥à¦¨ à¦à¦°à§ à¦à¦¬à¦ যারা 400 à¦à¦¬à¦ 500 à¦à¦°à§ না তাদà§à¦° à¦à¦¾à¦à§à¥¤ সাধারণà¦à¦¾à¦¬à§, à¦à¦ªà¦¨à¦¾à¦° à¦
নà§à¦°à§à¦§à§à¦° সà§à¦®à¦¾à¦° à¦à¦¾à¦°à¦ªà¦¾à¦¶à§ ফলবà§à¦¯à¦¾à¦à¦à§à¦²à¦¿ লিà¦à§à¦¯à¦¾à¦¸à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦°à¦à§à¦²à¦¿à¦¤à§ à¦à¦ªà¦²à¦¬à§à¦§ হবà§à§·
ঠà¦à§à¦· | ফলবà§à¦¯à¦¾à¦à¦¸ |
---|---|
ital | 0, 1 |
wght | 100, 200, 300, 400, 500, 600, 700, 800, 900 |
à¦à¦ à¦à¦¦à¦¾à¦¹à¦°à¦£à¦à§à¦²à¦¿ দà§à¦à¦¾à¦¯à¦¼ যৠà¦à¦¯à¦¼à§à¦à¦à¦¿ à¦à¦¿à¦¨à§à¦¨ ঠনà§à¦°à§à¦§à§à¦° à¦à¦¨à§à¦¯ লিà¦à§à¦¯à¦¾à¦¸à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦°à§ à¦à§ সà§à¦à¦¾à¦à¦² পাà¦à¦¯à¦¼à¦¾ যাবà§à¥¤
ঠনà§à¦°à§à¦§ | লিà¦à§à¦¯à¦¾à¦¸à¦¿ বà§à¦°à¦¾à¦à¦à¦¾à¦°à§ শà§à¦²à§ à¦à¦ªà¦²à¦¬à§à¦§ |
---|---|
ital@0 | ital@0 |
wght@500 | wght@500 |
wght@432 | wght@400;500 |
wght@440..560 | wght@400;500;600 |
à¦à¦ªà¦²à¦¬à§à¦§ পরিবরà§à¦¤à¦¨à¦¶à§à¦² ফনà§à¦
v2 API-তৠà¦à¦ªà¦²à¦¬à§à¦§ à¦à§à¦°à¦¿à¦¯à¦¼à§à¦¬à¦² ফনà§à¦à¦à§à¦²à¦¿à¦° à¦à¦à¦à¦¿ à¦à§à¦¬à¦¿à¦² à¦à¦à¦¾à¦¨à§ পাà¦à¦¯à¦¼à¦¾ যাবà§à¥¤
à¦à¦°à¦ পড়া
- Google Fonts ঠGoogle Fonts API দà§à¦¬à¦¾à¦°à¦¾ পà§à¦°à¦¦à¦¤à§à¦¤ ফনà§à¦ পরিবারà§à¦° à¦à¦à¦à¦¿ সমà§à¦ªà§à¦°à§à¦£ তালিà¦à¦¾ দà§à¦à§à¦¨à¥¤
- পà§à¦°à¦¯à§à¦à§à¦¤à¦¿à¦à¦¤ বিবà§à¦à¦¨à¦¾à¦° পà§à¦·à§à¦ ায় Google ফনà§à¦ API à¦à§à¦à¦¾à¦¬à§ à¦à¦¾à¦ à¦à¦°à§ সৠসমà§à¦ªà¦°à§à¦à§ à¦à¦°à¦ à¦à¦¾à¦¨à§à¦¨à¥¤