# 在 Remotion 中导入资源
## public 文件夹
将资源放置在项目根目录的 `public/` 文件夹中。
## 使用 staticFile()
你必须使用 `staticFile()` 来引用 `public/` 文件夹中的文件:
tsx
import {Img, staticFile} from 'remotion';
export const MyComposition = () => {
return
![]()
;
};
该函数返回一个编码后的 URL,在部署到子目录时可以正常工作。
## 与组件一起使用
**图像:**
tsx
import {Img, staticFile} from 'remotion';
![]()
;
**视频:**
tsx
import {Video} from '@remotion/media';
import {staticFile} from 'remotion';
;
**音频:**
tsx
import {Audio} from '@remotion/media';
import {staticFile} from 'remotion';
;
**字体:**
tsx
import {staticFile} from 'remotion';
const fontFamily = new FontFace('MyFont', `url(${staticFile('font.woff2')})`);
await fontFamily.load();
document.fonts.add(fontFamily);
## 远程 URL
远程 URL 可以直接使用,无需 `staticFile()`:
tsx
## 重要提示
- Remotion 组件 (`
![]()
`, `