nupuram Download - ดาวน์โหลดซอร์สโค้ด nupuram

nupuram

ดาวน์โหลดแบบอักษร

1.0.0

ดาวน์โหลด

Nupuram Malayalam typeface

แบบอักษรมาลายาลัมซึ่งได้รับแรงบันดาลใจจากภาพยนตร์เรื่องมาลายาลัมต้น ๆ เส้นโค้งเป็นของเหลวหนาและแสดงออก

ดาวน์โหลด : สามารถดาวน์โหลดเวอร์ชันล่าสุดได้จาก smc.org.in/fonts/nupuram

ใช้ประโยชน์อย่างเต็มที่จากเทคโนโลยีตัวอักษรผันแปร Nupuram นำเสนอความยืดหยุ่นในระดับที่ไม่เคยมีมาก่อนทั้งหมดจากไฟล์ตัวอักษรเดียว Nupuram มี 4 แกนตัวแปร: Weight Width Slant และ Softness

ในฐานะที่เป็นแบบอักษรตัวแปร Nupuram ให้การควบคุมที่ดีกว่าแต่ละสไตล์ อย่างไรก็ตามมันยังมาพร้อมกับ 64 รูปแบบที่กำหนดไว้ล่วงหน้าซึ่งง่ายต่อการเข้าถึงผ่านเมนูฟอนต์ของคุณ เรียกว่า อินสแตนซ์ชื่อ¹ งานเหล่านี้เหมือนกับแบบอักษรคงที่ปกติ

¹ ชื่ออินสแตนซ์ : ตำแหน่งที่กำหนดไว้ล่วงหน้าใน DesignSpace ของตัวอักษรตัวแปรคล้ายกับ "อินสแตนซ์คงที่" ที่คุ้นเคยในแบบอักษรดิจิตอลแบบดั้งเดิม

ความสามารถของตัวอักษรตัวแปรทำให้ Nupuram มีความยืดหยุ่นและมีพลังอย่างอบอุ่น

Nupuram variable font - animated demo

Nupuram ยังมีให้เลือกหลายแบบฟอนต์ที่มีน้ำหนักแตกต่างกัน

Nupuram weights

แกนแปรผัน

Nupuram มีแกนต่อไปนี้:

แกน	ติดแท็ก	พิสัย	ค่าเริ่มต้น	คำอธิบาย
น้ำหนัก	`wght`	100 ถึง 900	400	บางถึงดำ สามารถกำหนดได้ด้วยคุณสมบัติแบบอักษรน้ำหนักปกติ
เอียง	`slnt`	-15 ถึง 0	0	ตั้งตรง (0 °) ไปที่เอียง (ประมาณ 15 °)
ความกว้าง	`wdth`	75 ถึง 125	100	ย่อให้ขยาย สามารถกำหนดได้ด้วยคุณสมบัติการยืดตัวอักษรปกติ
อ่อนนุ่ม	`SOFT`	0 ถึง 100	50	คมชัดถึงปกติถึงขั้ว supersoft

คำจำกัดความของแกน

น้ำหนัก wght : 100 ถึง 900 ความหนาโดยรวมของตัวอักษรและความมืดของข้อความที่แต่งขึ้นกับพวกเขา
การใช้งานที่แนะนำ: ความแตกต่างของน้ำหนักสามารถให้ความสำคัญกับข้อความแสดงการโต้ตอบของผู้ใช้หรือปรับโทนการสื่อสาร สำหรับข้อความแสงบนพื้นหลังมืด 400 (“ ปกติ”) มีแนวโน้มที่จะเหมาะสมสำหรับข้อความและรหัส สำหรับข้อความสีเข้มบนพื้นหลังแสงอาจเป็นประโยชน์ในการปรับน้ำหนักให้สูงขึ้นเป็น 500 (“ ปานกลาง”)
Slant slnt : 0 ถึง -15 "ไปข้างหน้าลีน" ของตัวอักษร หมายเหตุ: -15 (ลบ 15) สอดคล้องกับการเอียงตามเข็มนาฬิกา 15 °เนื่องจากรากของการออกแบบประเภทในเรขาคณิต
การใช้งานที่แนะนำ: สคริปต์มาลายาลัมที่มีลักษณะสัญลักษณ์ไม่มีพฤติกรรมเอียง ส่วนใหญ่เราเลียนแบบการเอียงเป็นภาษาละติน และเรามักจะเรียกมันว่าเป็นภาษาอิตาลี โปรดทราบว่าตัวเอียงและเอียงไม่เหมือนกัน ใช้ Slant เป็นวิธีรองเพื่อเน้นข้อความหรือเสียงการพิมพ์ที่แตกต่างกัน ในข้อความมันจะเป็นประโยชน์ในการใช้ส่วนเอียงบางส่วนประมาณ -12
ความกว้าง wdth : 75 ถึง 125% เปอร์เซ็นต์ของความกว้างตัวอักษร 75% คือ 'ควบแน่น' ซึ่งตัวอักษรจะควบแน่นในแนวนอนถึง 75% ของความกว้างดั้งเดิม 125% คือ 'ขยาย' โดยที่ตัวอักษรถูกยืดในแนวนอนถึง 125% ของความกว้างดั้งเดิม
การใช้งานที่แนะนำ: การควบแน่นหรือการขยายสามารถใช้เพื่อให้ได้รูปแบบการพิมพ์ที่แม่นยำในพื้นที่การเรนเดอร์ที่กำหนดไว้ล่วงหน้า เนื้อหาสามารถปรับด้วยวิธีนี้เพื่อ "พอดี" พื้นที่ ระวังความเสื่อมโทรมที่ชัดเจนเมื่อทำสิ่งนี้
SOFT นุ่ม : 0 ถึง 100 เทอร์มินัลของตัวอักษรของ Nupuram จะถูกปัดเศษขึ้นเล็กน้อยโดยค่าเริ่มต้น นี่เป็นที่รู้จักกันในชื่อเทอร์มินัลอ่อน ในการทำให้เทอร์มินัลคม - คมชัดที่ปลายให้ใช้ค่า 'คม' 0. เพื่อให้เทอร์มินัลโค้งมนมากขึ้นโดยใช้ค่าที่สูงขึ้น การใช้ค่า 100 หมายถึงเทอร์มินัลเป็นครึ่งวงกลมที่มีเส้นผ่านศูนย์กลางเท่ากับความกว้างของขั้ว
การใช้งานที่แนะนำ: ความกลมหรือความคมชัดที่เทอร์มินัลสามารถช่วยเปลี่ยนโทนการสื่อสารพูดจากเครื่องจักรกลเป็นมนุษย์ตั้งแต่เป็นทางการไปเป็นทางการ

สีนูเปอร์ราม

Nupuram ยังมีรุ่นฟอนต์สีพร้อมข้อกำหนด COLRV1 สีสามารถปรับแต่งได้เช่นการใช้ CSS สำหรับแอปพลิเคชันที่ไม่รองรับ COLRV1 Spec มีตัวแปร COLRV0 เช่นกัน การสนับสนุนสำหรับแบบอักษรสีแตกต่างกันมากในแอปพลิเคชันโปรดอ้างอิงเว็บไซต์นี้สำหรับการอ่านอย่างละเอียด Google Chrome และเบราว์เซอร์ที่เกี่ยวข้องรองรับ COLRV1 ในเวอร์ชันล่าสุดของพวกเขา

สีของ Nupuram ยังเป็นแบบอักษรตัวแปร แกนน้ำหนักเปลี่ยนออฟเซ็ตในแกน z

แกน	ติดแท็ก	พิสัย	ค่าเริ่มต้น	คำอธิบาย
น้ำหนัก	`wght`	100 ถึง 900	400	บางถึงดำ สามารถกำหนดได้ด้วยคุณสมบัติแบบอักษรน้ำหนักปกติ

Nupuram color font

ฟอนต์สี Nupuram ให้ pallettes ที่กำหนดไว้ล่วงหน้า 18 รายการซึ่งผู้ใช้สามารถเลือกได้ หรือผู้ใช้สามารถระบุสีโดยใช้ CSS ตัวอย่างเช่น

ตัวอักษรสีนี้ใช้ 3 สีสำหรับรูปลักษณ์เงา พวกเขามีสีเข้มแสงสีฐาน ฐานคือสีหันหน้าไปทางแสงเป็นสีพื้นที่เรืองแสงกลาง ความมืดเป็นสีสำหรับส่วนเงา สีถูกใช้เพื่อสร้างการไล่ระดับสีภายใน

CSS ต่อไปนี้ปรับแต่งพาเล็ตเพื่อให้การแสดงผลด้านล่าง:

. content {
  font-family : 'NupuramColor' ;
  font-palette : --custom ;
}

@font-palette-values --custom  {
  font-family : 'NupuramColor' ;
  /* Change this to a value between 0 and 18 to chose a supplied palette. */
  base-palette : 0 ;
  /* Or provide the colors directly to override palette */
  override-colors : 0 # FFD700 , 1 # FFD700 , 2 # 1E0303 ;
}

Nupuram Custom color font

คุณสามารถลองเลือกสีที่มีให้ในสนามเด็กเล่น Nupuram Font หากคุณต้องการสร้างแบบอักษรใหม่ที่มีสีที่ให้มามีเครื่องมือที่เรียกว่าตัวอักษร Color Font ของ DJR

ลูกศร Nupuram

เพื่อจุดประสงค์ด้านการศึกษาเพื่อเรียนรู้การเคลื่อนไหวของปากกาสำหรับการเขียนจดหมาย Nupuram มาพร้อมกับตัวแปรชื่อ Nupuram Arrows นี่คือตัวอักษรสี

Nupuram arrows font

Nupuram Dots

อีกครั้งเพื่อจุดประสงค์ด้านการศึกษาเพื่อฝึกฝนในแผ่นงาน Nupuram มาพร้อมกับตัวแปรชื่อ Nupuram Dots

Nupuram dots font

จอแสดงผล Nupuram

จอแสดงผล Nupuram เป็นตัวอักษรแสดงผลที่จะใช้กับจุดขนาดใหญ่ เทอร์มินัลของมันแบนด้วยมุมโค้งมนและปรับ xheight ให้เหมาะสมสำหรับขนาดใหญ่

Nupuram display font

การประดิษฐ์ตัวอักษร Nupuram

การประดิษฐ์ตัวอักษร Nupuram จำลองปากกาการประดิษฐ์ตัวอักษร Nib กว้างพร้อมการหมุนของปากกาที่ 40 ° นี่คือแบบอักษรตัวแปรที่มีแกนน้ำหนัก ความกว้างของปากกาประดิษฐ์ตัวอักษรสามารถเปลี่ยนแปลงได้สำหรับการได้รับน้ำหนักที่แตกต่างกัน

Nupuram Calligraphy font

แกน	ติดแท็ก	พิสัย	ค่าเริ่มต้น	คำอธิบาย
น้ำหนัก	`wght`	100 ถึง 900	400	บางถึงดำ สามารถกำหนดได้ด้วยคุณสมบัติแบบอักษรน้ำหนักปกติ

ใช้แบบอักษร

ดาวน์โหลดฟอนต์ล่าสุดจากรุ่น (ดูภายใต้ "สินทรัพย์" ของรุ่นล่าสุดดาวน์โหลด ZIP แล้วเปิด zip นั้น)
ติดตั้งแบบอักษรบนระบบของคุณ ขึ้นอยู่กับระบบปฏิบัติการขั้นตอนการติดตั้งจะแตกต่างกันไป โดยทั่วไปการคลิกที่ไฟล์ตัวอักษรให้ตัวเลือกในการติดตั้ง

การใช้แบบอักษรตัวแปรในหน้าเว็บ

ฟอนต์ Varibale บันทึก bandwith ในหน้าเว็บโดยมีแบบอักษรเดียวที่จะดาวน์โหลดในขณะที่ให้รูปแบบสไตล์ทั้งหมด การใช้พวกเขาบนหน้าเว็บเป็นหัวข้อใหญ่ โปรดใช้บทช่วยสอนที่ดีเช่น MDN

โดยทั่วไปคุณควรเชื่อมโยงในแบบอักษรด้วย @fon-face

 @font-face {
 font-family : 'Nupuram' ;
 src : url ( 'path/to/font/Nupuram-VF.woff2' ) format ( 'woff2-variations' );
 font-weight : 100 900 ;
 font-stretch : 75 % 125 % ;
 font-style : oblique 0 deg 15 deg ;
}

จากนั้นคุณสามารถใช้แบบอักษรที่มีทั้ง font-weight และ font-variation-settings การใช้คุณสมบัติที่กำหนดเอง CSS จะช่วยหลีกเลี่ยงคำเตือนบางอย่างของการสืบทอดทรัพย์สิน

การใช้ฟอนต์สีในเว็บ

เนื่องจากเบราว์เซอร์ Chrome และ Firefox ล่าสุดรองรับ SPEC COLRV1 ซึ่งช่วยให้สามารถปรับแต่ง pallettes และการไล่ระดับสีและเบราว์เซอร์อื่น ๆ ทั้งหมดไม่รองรับเราจำเป็นต้องใช้การทดสอบการสนับสนุนคุณสมบัติบางอย่างใน CSS

 /* Old browsers and Safari - use Colrv0 */
@supports not ( font-palette : --custom ) {
  @font-face {
    font-family : "NupuramShadowColor" ;
    src : url(.. / fonts/webfonts/Nupuram-Color-v0.woff2) f or mat( "woff2" );
  }
}
/* Latest browsers - Use colrv1 */
@supports ( font-palette : --custom ) {
  @font-face {
    font-family : "NupuramShadowColor" ;
    src : url(.. / path/to/Nupuram-Color-v1.woff2) f or mat( "woff2" );
  }
}

การสร้างแบบอักษร

ติดตั้งแพ็คเกจซอฟต์แวร์ที่จำเป็นโดยสมมติว่าระบบปฏิบัติการ GNU/Linux ที่ใช้ Debian

apt-get update -y
apt-get install -y make python3-pip python3-venv python3-yaml texlive-metapost libharfbuzz-bin

ในการสร้างให้ตั้งค่าสภาพแวดล้อมเสมือนจริงและเปิดใช้งาน

virtualenv -p python3 venv
source venv/bin/activate

จากนั้นติดตั้งข้อกำหนด:

pip install -U -r requirements.txt

จากนั้นเรียกใช้ทำเพื่อสร้างทุกอย่าง

make

จะใช้เวลามากกว่า 15 นาทีในการสร้างทุกอย่าง แต่ถ้าคุณมีโปรเซสเซอร์หลายแกนคุณสามารถเร่งความเร็วได้โดยใช้การสร้างแบบขนาน สมมติว่าคุณมี 8 ระบบหลัก (8 CPU)

 make -j8

การสนับสนุนภาษา

อักขระมาลายาลัมทั้งหมดที่กำหนดไว้ใน Unicode เวอร์ชัน 15 มีอยู่ในตัวอักษร Nupuram ยังมีการสนับสนุนสคริปต์ละติน Nupuram รองรับ 294 ภาษาแปลงลำโพงประมาณ 2.8B (คำนวณโดยใช้เครื่องมือ HyperGlot)

ภาษาที่รองรับ