BPG SuperSquare v1.0.0


ფონტის ზომა: 8px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 10px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 12px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 14px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 16px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 18px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 20px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 22px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 24px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 26px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 28px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის ზომა: 30px
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის სტილი: მუქი
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის სტილი: დახრილი
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

ფონტის სტილი: მუქი და დახრილი
აბგდევზთიკლმნოპჟრსტუფქღყშჩცძწჭხჯჰ

BPG SuperSquare ვებ-ფონტის დამატება თქვენს პროექტში Bower-ის საშუალებით ძალიან მარტივია. ამისათვის საჭიროა შემდეგი საფეხურების გავლა:

1. პროექტის დირექტორიიდან ტერმინალში გამოიძახეთ შემდეგი ბრძანება:

bower install bpg-supersquare --save

2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:

<link rel="stylesheet" href="/bower_components/bpg-supersquare/css/bpg-supersquare.min.css">

3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:

font-family: "BPG SuperSquare", sans-serif;

BPG SuperSquare ვებ-ფონტის დამატება თქვენს პროექტში NPM-ის საშუალებით ძალიან მარტივია. ამისათვის საჭიროა შემდეგი საფეხურების გავლა:

1. პროექტის დირექტორიიდან ტერმინალში გამოიძახეთ შემდეგი ბრძანება:

npm install bpg-supersquare --save

2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:

<link rel="stylesheet" href="/node_modules/bpg-supersquare/css/bpg-supersquare.min.css">

3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:

font-family: "BPG SuperSquare", sans-serif;

BPG SuperSquare ვებ-ფონტის დამატება თქვენს პროექტში რეკომენდირებულია Bower-ის ან NPM-ის საშუალებით, თუმცა მისი ხელით დამატებაც არ წარმოადგენს პრობლემას.

გადმოწერეთ BPG SuperSquare ვებ-ფონტის არქივი

1. არქივიდან ფაილების ამოღების შემდეგ დააკოპირეთ /css/ და /fonts/ ფოლდერები და ჩასვით თქვენს პროექტში.

2. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:

<link rel="stylesheet" href="/path/to/bpg-supersquare.min.css">

ყურადღება! არ დაგავიწყდეთ /path/to/ დირექტორიის შეცვლა!

3. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:

font-family: "BPG SuperSquare", sans-serif;

გთხოვთ, CDN-ით ისარგებლოთ მხოლოდ ტესტირების დროს.

თქვენს პროექტში ფონტის დასამატებლად გამოიყენეთ Bower-ით ან NPM-ით დაყენების მეთოდი.

1. ჩასვით ქვემოთ მოცემული კოდი HTML-ში, <head>...</head> ტეგებს შორის:

<link rel="stylesheet" href="//cdn.web-fonts.ge/fonts/bpg-supersquare/css/bpg-supersquare.min.css">

ან CSS ფაილის დასაწყისში ჩაამატეთ შემდეგი კოდი:

@import url("//cdn.web-fonts.ge/fonts/bpg-supersquare/css/bpg-supersquare.min.css");

2. CSS-ში, თქვენთვის სასურველ სელექტორს დაუმატეთ შემდეგი პარამეტრი:

font-family: "BPG SuperSquare", sans-serif;

ქვემოთ მოყვანილ ცხრილებში ასახულია თითოეული სიმბოლოს გამოსახულება.

ქართული ასოები

&#4304; &#4305; &#4306; &#4307; &#4308; &#4309; &#4310; &#4311; &#4312; &#4313; &#4314;
&#4315; &#4316; &#4317; &#4318; &#4319; &#4320; &#4321; &#4322; &#4323; &#4324; &#4325;
&#4326; &#4327; &#4328; &#4329; &#4330; &#4331; &#4332; &#4333; &#4334; &#4335; &#4336;

ლათინური ასოები

&#97; &#98; &#99; &#100; &#101; &#102; &#103; &#104; &#105; &#106; &#107; &#108; &#109;
a b c d e f g h i j k l m
&#110; &#111; &#112; &#113; &#114; &#115; &#116; &#117; &#118; &#119; &#120; &#121; &#122;
n o p q r s t u v w x y z
&#65; &#66; &#67; &#68; &#69; &#70; &#71; &#72; &#73; &#74; &#75; &#76; &#77;
A B C D E F G H I J K L M
&#78; &#79; &#80; &#81; &#82; &#83; &#84; &#85; &#86; &#87; &#88; &#89; &#90;
N O P Q R S T U V W X Y Z

ციფრები

&#48; &#49; &#50; &#51; &#52; &#53; &#54; &#55; &#56; &#57;
0 1 2 3 4 5 6 7 8 9

სხვა სიმბოლოები

&#33; &#34; &#35; &#36; &#37; &#38; &#39; &#40; &#41; &#42; &#43; &#44; &#45; &#46; &#47;
! " # $ % & ' ( ) * + , - . /
&#58; &#59; &#60; &#61; &#62; &#63; &#64; &#91; &#92; &#93; &#94; &#95; &#96; &#163; &#169;
: ; < = > ? @ [ \ ] ^ _ ` £ ©

BPG SuperSquare ვებ-ფონტ პაკეტი შეიცავს ფაილებს შემდეგი გაფართოებებით: .ttf, .eot, .woff, .woff2 და .svg, რაც იძლევა, იმის საშუალებას, რომ მხარდაჭერა ჰქონდეს ისეთ ბრაუზერებშიც კი, როგორიცაა Internet Explorer 6.


დესკტოპ ბრაუზერების მხარდაჭერა

Chrome Safari Firefox Opera IE
3.5+ 3+ 3.5+ 10.1+ 6+

მობილური ბრაუზერების მხარდაჭერა

IE Mobile Android Browser Opera Mobile Chrome For Android Firefox For Android iOS Safari
10+ 2.2+ 12+ 44+ 40+ 4.3+

სტატისტიკა ბრაუზერების შესახებ აღებულია caniuse.com-დან.