CSS/ (text-emphasis:dot) not function when applying font imported by URL

I want to use both (text-emphasis: dot) and (font imported by external url), but in web, it doesn't show both. When I use text-emphasis:dot, font doesn't be applied Also, When I use font, text-emphasis:dot doesn't be applied. More strangely, When I apply font, text-emphasis:circle and seasame can be applied. I want to apply text-emphasis:dot with font imported by url. Help me please...!

<style>
@font-face{
  src: url("BMYEONSUNG_ttf.ttf");
  font-family : "ys";
}
.font_ys{
  font-family : "ys";
}
.font_dot {
      text-emphasis: dot;
      -webkit-text-emphasis: dot red;
      color: #e94e77;
      )
</style>
<span class="font_dot font_ys">AAA</span>BBBB