자바스크립트에서 특정 문자열 추출하는 방법

JavaScript
1

개발하다 막혀서 질문드립니다.
아래 tag 문자열에서 font-size, font-family 에 해당하는 값을 추출하고 싶습니다. 아래 예로는 10과 바탕체를 뽑아오면 됩니다.
indexOf로 해야할지… 정규식을 써야할지 (정규식 어려워요 ㅠㅠ)
제가 생각하는 방법으로는 자꾸 구멍만 보여서 이렇게 글 올려봅니다 ㅠㅠ

<style class=“content-default” data-user-config=“true”>
body {margin: 10px; font-size: 10pt; font-family:‘바탕체’; line-height:1.9;}
body,body p,body li,body h1,body h2, body h3,body h4,body h5,body h6 {font-family:‘바탕체’; line-height:1.9;}
</style>

어떻게 하면 해당 값을 잘 가져올 수 있을까요?

2

정규식으로 하면 될듯 합니다.

const str = 'font-size: 10px; font-family: dotum';
console.log(str.match(/font\-\D+\s?\:\s?\'?\"?([0-9a-zA-Z]*\s?)*\'?\"?\;?/g))

([0-9a-zA-Z]*\s?) 이 부분이 그룹화 하는 부분인데, match 메서드를 잘 모르긴 하나 g 글로벌 플래그가 붙어 두개 이상 결과값이 나오게 되면 그룹화 처리를 하지 않는듯 합니다.
이부분은 별도로 처리 해야할 것 같아요