PI Cloud Fonts

Introduction


Characters and letters come from our history. In the western world, the cuneiform script was created in Mesopotamia around 3200 BC; in the eastern world, the oracle bone script was created by ancient Chinese around 1500 BC. They have created thousands of years ago and comprised a series of evolutions. One evolution is we have changed the extrinsic properties of these characters and letters. Thanks to this evolution, they look more beautiful and give us more choices when we need them for different events.

This also led to another problem. Because there are so many different fonts, we cannot find one specific font when we need it. We need something to store these fonts and make them easy to be found and accessed. Google Fonts does a good job on this, it saves some open source fonts on its servers and allows people to use them.

There is one major problem with Google Fonts: most fonts on its servers are Romance languages, so it is hard to find a font which belongs to Sino-Tibetan languages (e.g., Chinese). In order to solve this problem, this website is created and included many fonts which belong to Sino-Tibetan languages.

How to Use

Ⅰ. Basic URL Structure

https://picloud.xyz/Fonts/?[Font-ID],{font-weight + font-style}&…

— ∞ —

Ⅱ. Embed Font(s)

Option ⅰ: Standard

(insert it between <head> and </head> in your HTML code):

<link href="FONT_URL" rel="stylesheet">

Option ⅱ: Import

(insert it directly to your CSS document, or between <style> and </style>):

@import url('FONT_URL');

— ∞ —

Ⅲ. Example

 

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="content-type" content="text/html; charset=UTF-8">

        <title>Example | Fonts | PI Cloud</title>

        <meta name="description" content="How to use the PI Cloud Fonts?">

        <meta name="keywords" content="PI-Cloud,Fonts,Font,PI Cloud">

        <meta name="author" content="PI">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="icon" type="image/png" href="https://t1.picb.cc/uploads/2018/04/01/2iBoW7.png">

        <link href="https://picloud.xyz/Fonts/?苹方|简,400,500&amp;Vollkorn,400i&amp;OCR-A" rel="stylesheet">

    </head>

    <body>

        <p style="font-family: 苹方简; font-weight: 400;">这个字体为苹方简体,字体粗400。</p>

        <p style="font-family: 苹方简; font-weight: 500;">这个字体为苹方简体,字体粗500。</p>

        <p style="font-family: Vollkorn; font-weight: 400; font-style: italic;">This is an example of Vollkorn Italic, the font weight is 400.</p>

        <p style="font-family: OCR-A;">This is an example of OCR-A.</p>

    </body>

</html>

— ∞ —

Ⅳ. Acceptable Use Policy

  • The "font-weight" ends with "i" means it is an italic font.
  • You can only request SEVEN different fonts in a signle URL.
    • For example: "~/?苹方|简,400,500" counted as two different fonts.
    • Another example: "~/?苹方|简,400,400" counted as one font.
    • Last example: "~/?Vollkorn&amp;OCR-A" counted as two different fonts.
  • The value of "Font-ID" and "font-family" might be different! Please keep an eye on it.
    • The sheet in next section may help you.
  • The "font-weight + font-style" is not required. If it is missing, the server will return everything about this font.
    • If the requested font contains "font-weight + font-style", it will return font(s) in .woff2 format.
  • These fonts are open source, feel free to use them in production.
    • Please contact me if you find any fonts that are not open resource. I will remove them after I verify them.
  • If you have some questions or suggestions, please contact me by clicking here.

Information Sheet

Font-IDfont-familyfont-weight + font-style
AlegreyaAlegreya400,500
CinzelCinzel400,700
ComfortaaComfortaa400,700
ConsolasConsolas400,700
400i,700i
CourtMCourtM400
FeroniaFeronia400
Gilda DisplayGilda Display400
InconsolataInconsolata400,700
InikaInika400,700
Josefin SansJosefin Sans400,600
KarlaKarla400
LatoLato100,300,400,700,900
400i
MontserratMontserrat200,300,400,500,600,700,800
200i,300i,400i,500i,600i,700i
OCR-AOCR-A400
Open SansOpen Sans300,400,600,700
300i,400i,600i
PirouPirou400
PoppinsPoppins200,300,400,500,600,700,800
200i,300i,400i,500i,600i
QuattrocentoQuattrocento400,700
QuicksandQuicksand300,400,500,700
RalewayRaleway200,400,800
RobotoRoboto100,300,400,500,700,900
300i,400i,500i,700i
SF|Compact|DisplaySFCompactDisplay100,200,300,400,500,600,700,800,900
SF|Compact|TextSFCompactText300,400,500,600,700,800
300i,400i,500i,600i,700i,800i
SF|Pro|DisplaySFProDisplay100,200,300,400,500,600,700,800,900
100i,200i,300i,400i,500i,600i,700i,800i,900i
SF|Pro|TextSFProText300,400,500,600,700,800
300i,400i,500i,600i,700i,800i
Source Sans ProSource Sans Pro200,300,400
Ubuntu MonoUbuntu Mono400
VollkornVollkorn400,700
400i
仿宋仿宋400
宋体宋体400
思源|宋体思源宋体250,300,400,500,600,700,900
思源|黑体思源黑体250,300,350,400,500,700,900
楷体楷体400
苹方|简苹方简100,200,300,400,500,600
苹方|繁苹方繁100,200,300,400,500,600
苹方|港苹方港100,200,300,400,500,600

MIT License

Copyright (c) PI Cloud, 字颜


Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.