[Theme Heat] How to change font

Hello everyone.
I’m working in local host, for now…
But I’d like to change the font in my website.
Is impossible to do from the Theme Options, so I’ve need to change the Editor CSS.
I think I could do from Style.css ….but cannot found where (I’ve tried, but nothing was change!)
I’d like to add this font: https://www.dafont.com/it/mouse-deco.font
I’ve upload it in the Wp-content –> themes –> Heat —> “fonts” folder …but doesn’t work.
Someone can help me?
Here there’s a part of the code of the Style Css of my theme (I think I had to change something here):

/* =Menu
-------------------------------------------------------------- */

/*** Structure ***/
#access {
	display: block;
	margin: 30 30 30 30px;
	padding: 1.625em 30;
	float: center;
	line-height: 1.725;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#access ul,
#access ul * {
	margin: 0;
	padding: 0;
	list-style: none;
}
#access ul ul {
	position: absolute;
	top: -999em;
	width: 130em; /* left offset of submenus need to match (see below) */
}
#access ul ul li {
	width: 100%;
}
#access ul li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#access ul li {
	display: inline-block;
	position: relative;
	margin-left: 14px;
}
#access ul li li {
	margin: 0;
}
#access ul a {
	display: block;
	position: relative;

	-webkit-transition: color ease .2s;
	-moz-transition: color ease .2s;
	-o-transition: color ease .2s;
	-ms-transition: color ease .2s;
}
#access ul li:hover ul,
#access ul li.sfHover ul {
	left: 0;
	top: 0px; /* match top ul list item height */
	z-index: 2;
}
#access ul li:hover li ul,
#access ul li.sfHover li ul {
	top: -999em;
}
#access ul li li:hover ul,
#access ul li li.sfHover ul {
	left: 16.5em; /* match ul width */
	top: 0;
}
#access ul li li:hover li ul,
#access ul li li.sfHover li ul {
	top: -999em;
}
#access ul li li li:hover ul,
#access ul li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

/*** Style ***/
.menu {
	max-width: 1441px;
	margin: 0 auto;
}
#access ul {
	font-size: 13px;
	text-align: left;
	text-transform: uppercase;
}
#access ul a {
	text-decoration: none;
	padding: 0;
}
#access ul a  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
#access ul li ul {
	background: white;
	padding: 0.8em 1em 0.8em 1em;
	border: 1px solid #fff;
}
#access ul li li {
	background: none;
	text-align: left;
	text-transform: uppercase;
	padding: 6px 0;
}
#access ul li li li {
	background: none;
}
#access ul li a:hover,
#access ul li.sfHover > a,
#access ul .current-menu-item > a,
#access ul .current_page_item > a {
	color: #ff7260;
	outline: 0;
}
#access ul .menu-item-object-custom.current_page_item > a {
	color: #ff7260;
}
#access ul .menu-item-object-custom.current-menu-item  a:hover,
#access ul .menu-item-object-custom.current_page_item  a:hover {
	color: #ff7260;
}
#access ul li li:hover,
#access ul li li.sfHover,
#access ul li li.current-menu-item,
#access ul li li.current_page_item {
	background: none;
	box-shadow: none;
	border-radius: 0;
}
#access ul li li a:hover,
#access ul li li.sfHover > a,
#access ul li .current-menu-item > a,
#access ul li .current_page_item > a {
	color: #ff7260;
}
#access ul li li a {
	font-size: 13px;
	font-weight: normal;
	padding: 0;

	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	-ms-transition: all ease .2s;
}
/*** Arrows **/
#access ul a.sf-with-ul {
	padding-right: 0.8em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 0;
	top: 1.05em;
	overflow: hidden;
	text-indent: -999em;
	width: 0;
	height: 0;
	border-width: 3px;
	border-style: solid;
	border-color: transparent;
	border-top: 4px solid #111;
	font-family: Arial !important;
	font-size: 11px !important;
	font-style: normal !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	color: white !important;
}
li li .sf-sub-indicator {
	width: 0;
	height: 0;
	right: .75em;
	text-indent: -999em;
	border-width: 3px 0 3px 5px;
	border-color: transparent transparent transparent #111;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 0.95em;
}
li li a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 0.75em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	border-top-color: #ff7260;
}

/* point right for anchors in subs */
#access ul ul .sf-sub-indicator {
	border-top-color: #ff7260;
}
#access ul ul a > .sf-sub-indicator {
	background-position:  0 0;
	border-right-color: #ff7260;
	border-top-color: transparent;
	-webkit-transition: border-color ease .2s;
	-moz-transition: border-color ease .2s;
	-o-transition: border-color ease .2s;
	-ms-transition: border-color ease .2s;
}
/* apply hovers to modern browsers */
#access ul ul a:focus > .sf-sub-indicator,
#access ul ul a:hover > .sf-sub-indicator,
#access ul ul a:active > .sf-sub-indicator,
#access ul ul li:hover > a > .sf-sub-indicator,
#access ul ul li.sfHover > a > .sf-sub-indicator {
	border-left-color: #ff7260;
}