搭建本地inter pro scan

本文档提供了从欧洲生物信息研究所获取InterProScan最新版本及其所需数据库文件的详细步骤。包括核心程序、各平台二进制文件、除Panther外的所有数据库及Panther数据库等关键资源的下载链接。

source: ftp://ftp.ebi.ac.uk/pub/databases/interpro/iprscan/Installing_InterProScan.txt


Download the following files from ftp://ftp.ebi.ac.uk/pub/databases/interpro/iprscan :

 * RELEASE/latest/iprscan_v4.8.tar.gz  - InterProScan itself
 * BIN/4.x/iprscan_bin4.x_[PLATFORM].tar.gz - Binaries for the various platforms
 * DATA/iprscan_DATA_[LATESTDATAVERSION].tar.gz - databases used by InterProScan (except Panther)
 * DATA/iprscan_PTHR_DATA_[LATESTDATAVERSION].tar.gz - panther database and indexes
 * DATA/iprscan_MATCH_DATA_[LATESTDATAVERSION].tar.gz - match_complete.xml and interpro.xml files

当然可以!你**完全可以通过本地引入 Inter 字体**,而不需要依赖 Google Fonts 的 CDN。这对于内网部署、提高加载速度或避免网络请求非常有用。 --- ## ✅ 实现步骤 我们将使用 Vite + Vue 3 的项目结构来演示如何从本地加载 `Inter` 字体。 --- ### 🔧 步骤一:下载 Inter 字体文件 你可以从 [Inter 官方 GitHub 发布页面](https://github.com/rsms/inter/releases) 下载字体包: - 推荐下载最新版本:[Inter (latest)](https://github.com/rsms/inter/releases/latest) 解压后你会看到多个字体文件(如 `.woff`, `.woff2`, `.ttf` 等)。 将字体文件放入你的项目目录中,例如: ``` src/assets/fonts/Inter/ ``` 常见的文件如下: ``` Inter-VariableFont_slnt,wght.ttf Inter-Regular.woff2 Inter-Bold.woff2 ... ``` --- ### 📁 文件结构示例 ``` my-vue-app/ ├── public/ │ └── fonts/ │ └── Inter/ │ ├── Inter-Regular.woff2 │ ├── Inter-Bold.woff2 │ └── ... ├── src/ │ └── assets/ │ └── css/ │ └── fonts.css ``` > **注意**:我们建议把字体放在 `public/fonts/` 目录下,这样可以直接通过 `/fonts/...` 访问。 --- ### 🎨 步骤二:定义 `@font-face` 样式 在 `src/assets/css/fonts.css` 中添加以下内容: ```css /* fonts.css */ @font-face { font-family: 'Inter'; src: url('/fonts/Inter/Inter-Regular.woff2') format('woff2'), url('/fonts/Inter/Inter-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/fonts/Inter/Inter-Bold.woff2') format('woff2'), url('/fonts/Inter/Inter-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } ``` --- ### 🧩 步骤三:全局引入字体样式 在 `main.js` 或 `main.ts` 的顶部引入该 CSS 文件: ```js import './assets/css/fonts.css' ``` 或者在 `App.vue` 的 `<style>` 部分引入: ```vue <style> @import './assets/css/fonts.css'; body { font-family: 'Inter', sans-serif; } </style> ``` --- ### ✅ 测试效果 现在你就可以在整个项目中使用 `Inter` 字体了: ```html <h1 style="font-family: 'Inter'">Hello, Inter Font!</h1> ``` --- ## 🚀 可选优化:压缩字体 & 使用变量字体(Variation) 如果你希望进一步优化性能,可以使用 `Inter Variable` 字体(一个文件包含所有字重),减少 HTTP 请求。 ```css @font-face { font-family: 'Inter'; src: url('/fonts/Inter/Inter-VariableFont_slnt,wght.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } ``` 这样你就可以通过设置不同的 `font-weight` 来使用不同粗细的字体。 --- ## 🧠 总结 | 方法 | 是否推荐 | 说明 | |------|----------|------| | 本地引入 | ✅ 推荐 | 更快加载,适合离线环境 | | CDN 引入 | ⚠️ 视情况而定 | 方便但依赖网络 | ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值