如何引入外部font文字

1、首先在电脑上找到想要引入的外部字体然后下载font文字，以.ttf结尾的

2、将以.ttf结尾的字体，放到自己项目的font文件夹下面

3、在css里面引入外部字体

@font-face{
font-family: ‘Open Sans‘;//文字名称（文字名称，将.ttf用记事本打开就能看到，通常是第一行；）
src : url(‘../font/OpenSans-Regular.ttf‘);//路径
}

4、最后使用外部文字，如:a {font-family:‘Open Sans‘}

时间： 2024-10-15 13:18:48

如何引入外部font文字的相关文章

canvas引入外部字体无效解决方法

1.css文件中引入外部字体 @font-face { font-family: 'hwhp'; src: url('../font/hwhp.ttf') format('truetype'), url('../font/hwhp.eot'), url('../font/hwhp.woff') format('woff'), url('../font/hwhp.svg') format('svg'); } canvas设置字体样式 var wm = document.createElement(

<link>和@import url()引入外部css文件的区别

【html】【2】html引入外部文件js css

1>引入js 我们只是写了简单必须的html标签,从未给标签添加点击事件,这次页面添加事件. >写入html页面,可以在<head>标签内也可以在<body>标签内 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>小娜娜</title> 5 <script type="text/javascript"> 6 document.writ

XML配置中引入外部property文件

新建properties配置文件内容如下: jdbc.driverClassName=com.mysql.jdbc.Driver jdbc.url=jdbc\:mysql\://localhost\:3306/book_mybatis?user\=root&password\=root&useUnicode\=true&characterEncoding\=UTF-8 有两个属性, ①jdbc.dirverClassName ; ②jdbc.url. <!-- 导入属性配置

jsp、css中引入外部资源相对路径的问题

在jsp页面中添加base,可用相对路径: <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> 然后在<head>标签内添加base <base

spring 配置文件引入外部的property文件的两种方法

spring 的配置文件引入外部的property文件的两种方法  <bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="locations"> <lis

久未更 ~ 五之 —— 引入外部CSS样式表小节

> > > > > 久未更系列一:在html中引入外部css样式表 1 //引入外部css样式表 2 //<lilnk>要放在<head>标签的第一行,否则不起作用 3 //如下 4 <head> 5 <link rel="stylesheet" type="text/css" href="waibu.css"> 6 <meta charset="ut

maven 引入外部jar包的几种方式（转）

原文链接: maven 引入外部jar包的几种方式方式1:dependency 本地jar包 <dependency> <groupId>com.hope.cloud</groupId>  <artifactId>cloud</artifactId>  <version>1.0</version>  <scope>

OpenSCAD中使用include或use引入外部库

一.OpenSCAD 使用include或use引入外部库本文英文版本参考:https://en.wikibooks.org/wiki/OpenSCAD_User_Manual/Include_Statement ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ OpenSCAD可以快速引入外部库,功能非常强大.意味着不仅可以把一些实用函数进行封装,放到库中进行重用,还可以方便地共享代码和使用第三方代码库.包含外部库的代码,可以使用include和us