Google Sans Code
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
关于 Google Sans Code
Google Sans Code is a monospace typeface developed by Google and Universal Thirst that shares the geometric DNA of Google Sans while meeting the functional demands of code display. The variable weight axis spans six steps, and remarkably, the typeface extends to Adlam, Canadian Aboriginal Syllabics, Cherokee, and Old Permic scripts alongside Latin and mathematical symbols. This makes it an unusually inclusive coding font for developers working in less-common writing systems.
字符表
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
代码编辑器预览
const fibonacci = (n) => {
if (n <= 1) return n;
return fibonacci(n - 1) + fibonacci(n - 2);
};
// Generate first 10 numbers
const results = Array.from(
{ length: 10 },
(_, i) => fibonacci(i)
);
console.log(`Result: ${results.join(', ')}`);
字符区分
您能分辨这些字符吗?好的等宽字体能让相似字符易于区分。
字重瀑布 (6)
使用方法
<link href="https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;500;600;700;800;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@300;500;600;700;800;400&display=swap');
font-family: 'Google Sans Code', monospace;
brew install --cask font-google-sans-code
详情
- 分类
- Monospace
- 字重
- 6
- 斜体
- ✓
- 韩文
- ✗
- 设计师
- Google, Universal Thirst
- 许可证
- OFL
- 版本
- 热度
- #141
- 下载量
- 195
许可用途
| 网页使用 | 允许 |
| 印刷 | 允许 |
| 视频 / 广播 | 允许 |
| 包装 | 允许 |
| 应用嵌入 | 允许 |
| 品牌 / 标志 | 允许 |
| 修改 | 允许 |
OFL — 个人和商业使用均免费