# 前端如何正确书写资源路径

项目开发中,字体,图片,脚本等内容都涉及到资源加载,FineUI中在项目中默认的资源路径是如下结构

```
@webUrl: 'resources?path=/com/fr/web/ui/';

@fontUrl: '@{webUrl}font/'; //图片的基本地址
@imageUrl: '@{webUrl}images/1x/'; //图片的基本地址
@image2xUrl: '@{webUrl}images/2x/'; //2倍图片的基本地址
```

如果想要使用自己版本的字体文件或图片,可以通过在项目中定义less变量来实现

```
@webUrl: 'resources?path=/com/fr/plugin/xxxweb/ui/';

@fontUrl: '@{webUrl}font/';
@imageUrl: '@{webUrl}images/1x/';
@image2xUrl: '@{webUrl}images/2x/';
```